Belajar Fullstack Developer - Peran & T-Shaped Skills

#Pendahuluan

Setelah di episode 0 environment kalian siap — Node.js 20+, pnpm, dan PostgreSQL berjalan — pada episode ini kita berhenti sejenak dari hands-on untuk menjawab pertanyaan paling mendasar: sebenarnya apa yang dikerjakan fullstack developer?

Banyak orang mengira fullstack berarti "bisa semuanya" atau "separuh-separuh". Dua-duanya salah. Fullstack adalah peran yang membangun fitur end-to-end — mengikuti sebuah alur kerja dari layar yang dilihat pengguna sampai baris yang tersimpan di database — dan bentuk keahliannya dirancang secara spesifik: T-shaped. Memahami ini penting karena menentukan bagaimana kalian mengalokasikan waktu belajar 27 episode ke depan.

#Apa yang Sebenarnya Dikerjakan Fullstack Developer

Seorang fullstack developer bertanggung jawab atas satu fitur utuh — bukan potongan-potongan. Bayangkan fitur "ganti password". Seorang frontend developer membuat halamannya; backend developer membuat endpoint-nya. Seorang fullstack mengerjakan keduanya, plus memastikan keduanya tersambung dengan benar:

Alur di atas adalah "lingkaran" yang menjadi domain sehari-hari fullstack: UI mengirim input, server memvalidasi dan menyimpannya, database mengembalikan data, UI menampilkan hasil, dan seluruhnya berjalan di atas infrastruktur yang juga harus dikelola.

#Pekerjaan Sehari-hari yang Nyata

Agar tidak abstrak, ini contoh item kerja nyata dalam satu sprint:

• Merancang skema tabel sessions dan migration-nya.
• Menulis komponen React untuk halaman login dengan validasi form.
• Membuat endpoint atau server action untuk autentikasi.
• Menambahkan middleware untuk melindungi route.
• Menulis test end-to-end alur login.
• Mendeploy preview dan memeriksa performa di production.

Perhatikan polanya: satu fitur, banyak lapisan. Inilah yang membedakan fullstack dari "frontend yang tahu sedikit backend".

#T-Shaped Skills: Dalam di Satu Area, Luas di Lainnya

Bentuk huruf T adalah metafora yang tepat untuk keahlian fullstack:

• Garis vertikal (batang T): kedalaman. Kalian memilih satu area untuk digali sangat dalam — misalnya React/Next.js di frontend, atau database/API di backend.
• Garis horizontal (topi T): keluasan. Kalian paham semua lapisan lain cukup untuk bekerja, bukan untuk jadi ahli.

Mengapa tidak berbentuk persegi (semua sama dalam)? Karena itu mustahil dan tidak efisien: teknologi bergerak terlalu cepat untuk jadi ahli di segalanya. Perusahaan tidak mempekerjakan fullstack untuk menggantikan spesialis — mereka mempekerjakannya agar tim kecil bisa mengirim fitur tanpa menunggu orang lain. Kedalaman memberi kalian kredibilitas; keluasan memberi kalian kemampuan untuk menjembatani.

#Meta-Framework 2026: Gap yang Nyaris Hilang

Ada perubahan struktural yang membuat fullstack jauh lebih mudah pada 2026 dibanding lima tahun lalu: meta-framework seperti Next.js, Remix, dan Nuxt meniadakan batas antara frontend dan backend di dalam satu codebase.

Dulu, frontend dan backend adalah dua proyek terpisah: aplikasi React di satu folder, REST API Express di folder lain, dengan dokumentasi endpoint sebagai jembatan. Sekarang, dalam satu project, kalian bisa menulis komponen yang berjalan di server, function yang berjalan di edge, dan query database — tanpa keluar dari satu file:

import { redirect } from "next/navigation"
import { db } from "@/lib/db"
 
export default async function Page() {
  const user = await db.user.findUnique({ where: { email: "a@b.co" } })
  if (!user) redirect("/login")
  return <p>Halo, {user.name}</p>
}

Kode di atas adalah server component: dijalankan di server, membaca database, lalu mengirim HTML jadi ke browser. Tidak ada API yang perlu ditulis, tidak ada fetch di client — meta-framework mengabstraksi seluruhnya. Server components dan server actions ini kita bedah utuh di episode 3.

#Implikasinya untuk Kalian

Gap yang menyusut berarti satu hal: satu orang kini bisa menguasai seluruh lapisan lebih cepat daripada sebelumnya. Namun justru karena itu, pemahaman konsep menjadi lebih penting daripada hafalan API framework. Framework akan berganti, tetapi pengetahuan tentang cara kerja HTTP, database, autentikasi, dan deployment tidak akan kadaluarsa.

#Peta Peran Fullstack di Tim

Dalam tim produk, fullstack biasanya berada di posisi:

Posisi terakhir penting: fullstack tidak harus jadi DevOps, tetapi wajib paham cara kode sampai ke production — topik yang kita bahas di episode 17.

#Penutup

Inti yang harus dibawa pulang:

• Fullstack membangun fitur end-to-end: UI → API/data → database → deploy.
• Keahlian fullstack berbentuk T: dalam di satu area, luas di semua lapisan.
• Jangan jadi "tukang serba bisa dangkal" — pilih kedalaman dan rawat keluasan.
• Meta-framework 2026 (Next.js/Remix/Nuxt) memperkecil gap frontend-backend dalam satu codebase.
• Pahami konsep, bukan hafalan API — karena framework selalu berganti.

Di episode 2 selanjutnya kita akan membahas fullstack architecture — monolith, server-rendered, SPA+API, dan serverless — serta kapan harus memilih masing-masing arsitektur untuk produk nyata. Pastikan kalian sudah menentukan area kedalaman kalian, karena mulai episode berikutnya kita praktik sungguhan!