Login / Daftar ID | EN
Vibe Coding: Cara Non-Developer Bangun Web App Pertama Tanpa Belajar Coding Bertahun-tahun
Image by jamesmarkosborne from Pixabay
IT AI

Vibe Coding: Cara Non-Developer Bangun Web App Pertama Tanpa Belajar Coding Bertahun-tahun

Februari 2025, Andrej Karpathy, mantan Director of AI Tesla dan co-founder OpenAI, melempar istilah yang langsung menempel. Ia menyebutnya “vibe coding”. Cara kerjanya kira-kira begini: alih-alih duduk berjam-jam menulis kode baris per baris, Anda ngobrol dengan AI agent yang punya akses ke editor Anda. Anda nyebut tujuan, agent menulis, Anda baca diff-nya, terima atau tolak. Selesai.

Setahun setelahnya, ekosistem berubah cepat. Cursor sudah jadi pilihan default banyak engineer di Silicon Valley. Claude Code dan GitHub Copilot Workspace ikut menyusul. Lalu satu pertanyaan yang dulunya canggung mulai sering muncul di percakapan tim produk: jadi sebenernya kita masih perlu hire developer baru, atau cukup orang yang ngerti produk plus AI agent?

Jawabannya tidak hitam-putih. Tapi yang menarik: posisi non-developer di tengah pertanyaan ini berubah. Dari sekadar pemakai, sekarang bisa jadi pembuat.

Apa Itu Vibe Coding, Sebenarnya?

Vibe coding bukan magic. Yang berubah hanya: porsi waktu Anda yang sebelumnya habis untuk menghafal sintaks, sekarang dialihkan ke hal yang lebih dekat dengan pekerjaan asli Anda. Mendefinisikan masalah. Memutuskan apa yang masuk v1 dan apa yang ditahan. Membaca apakah output agent masuk akal atau ngeblunder. Memutuskan kapan rollback.

Karpathy sendiri ngakak waktu nge-tweet bahwa ia “barely touch the keyboard” saat ngerjain side project terakhirnya. Tapi catat: ia tahu persis apa yang dia minta. Dan ia tahu kapan output agent harus dia ralat.

Kenapa Non-Developer Sekarang Bisa

Indonesia punya gap developer yang membandel. Data Kominfo 2025 menyebut kebutuhan SDM digital mencapai sekitar 9 juta hingga 2030, sementara talenta tersedia jauh di bawah angka itu. Yang menarik: gap ini tidak akan kelar hanya dengan menambah lulusan informatika. Banyak masalah bisnis kecil yang tidak butuh tim engineer kelas enterprise. Mereka butuh satu app sederhana untuk tracking inventory, satu landing untuk launch produk, satu dashboard kecil untuk lihat angka harian.

Disinilah non-developer plus AI coding agent jadi kombinasi yang masuk akal.

“The hottest new programming language is English.”

Andrej Karpathy, 24 Januari 2023

Tweet itu meme di waktu nya. Sekarang terasa hampir literal.

Tiga Prinsip Kerja Sama dengan Coding Agent

Pertama, perlakukan agent seperti junior developer pintar tapi gampang ngawur. Junior butuh konteks. Junior butuh diberi PRD yang jelas, batasan yang spesifik, dan contoh konkret. Bukan instruksi sebaris kayak “buatin login dong”. Yang masuk akal: “buatin halaman login pakai email plus OTP, simpan session di JWT, validasi error tampilin inline di bawah field, jangan modifikasi file di folder utils”.

Ingin mendalaminya lebih terstruktur? Taalenta punya kelas Vibe Coding untuk Non-Developer: Buat Web App Fullstack Sendiri dengan Claude Code.

Kedua, kerja dalam loop kecil. Plan, build, test, commit. Lalu ulang. Satu prompt jumbo “buatin aplikasi e-commerce lengkap” hampir pasti meledak. Tapi sepuluh prompt kecil yang masing-masing menghasilkan diff yang bisa Anda baca dalam tiga menit? Itu cara konsisten dapet hasil yang stabil.

Ketiga, drop checkpoint sering. Git bukan lagi tool engineer doang. Git adalah save point Anda. Setiap kali fitur kecil jalan, commit. Kalau agent mulai ngeblunder dan ngerusak working code, Anda bisa rollback tanpa nangis.

Tanda Anda Sudah Siap Pindah dari “Pakai App” ke “Bangun App”

Anda sudah punya ide produk yang spesifik. Anda sudah tahu siapa pengguna pertamanya, walau cuma diri sendiri atau lima teman. Anda siap melalui tahap “kok ini error lagi sih?” tanpa kabur. Dan Anda paham bahwa AI agent itu co-pilot, bukan otopilot. Kalau Anda otopilot-in sepenuhnya, Anda akan dapet aplikasi yang jalan di laptop tapi rusak di produksi.

Kalau empat hal itu kena, Anda sebenarnya tinggal beberapa minggu praktek dari live URL pertama.

Referensi:

  • Andrej KarpathyVibe coding tweet thread → x.com/karpathy
  • Kominfo RIRoadmap Kebutuhan SDM Digital Indonesia 2030 → kominfo.go.id
  • CursorAI code editor docs → cursor.com/docs
  • AnthropicClaude Code documentation → docs.anthropic.com