# Apa itu vibe coding? Definisi, tools, dan batasannya

> Vibe coding adalah membuat software dengan mendeskripsikannya ke AI. Definisi, asal kata, tools, bahaya nyata, dan contoh langkah demi langkah membuat aplikasi.

Halaman asli: [Apa itu vibe coding? Definisi, tools, dan batasannya](https://devoria.fr/id/blog/apa-itu-vibe-coding-definisi-tools-batasan)
Penulis: [Mehdi Azizi](https://devoria.fr/id/mehdi-azizi)
Terbit: 2026-10-01
Revisi konten terakhir: 2026-10-09


## Vibe coding, dijelaskan dengan sederhana

Apa itu vibe coding? Ini cara membuat software dengan mendeskripsikannya ke AI, bukan dengan menulis kodenya sendiri. **Kamu bilang apa yang kamu mau dengan bahasa sehari-hari, AI menulis kodenya, kamu lihat hasilnya lalu memperjelas permintaanmu.** Orang yang bekerja dengan cara ini disebut vibe coder.

Untuk aplikasi mobile, ini bisa dimulai dengan "buat daftar tugas dengan tombol untuk menambah item". Tapi bagian pentingnya datang sesudahnya: memastikan fitur tambah itu berjalan, daftarnya tetap ada setelah aplikasi ditutup, dan layarnya bisa dipakai dengan nyaman di ponselmu.

Kamu bisa mulai tanpa bisa ngoding. Untuk melangkah lebih jauh, pelan-pelan kamu perlu paham apa yang dilakukan aplikasimu, di mana ia menyimpan data, dan bagaimana mengecek sebuah perubahan.

Saya membuat aplikasi iOS saya sendiri dengan Claude dan Cursor, setiap hari. Solys, alarm dengan mini-game, dan TradaZen, simulator trading, sudah ada di App Store. Panduan ini lahir dari pekerjaan itu: apa yang benar-benar bisa dilakukan vibe coding, di mana ia gagal, dan bagaimana sampai ke aplikasi yang terbit.

## Kenapa disebut "vibe coding"?

Istilah ini punya tanggal lahir. Pada 2 Februari 2025, Andrej Karpathy, salah satu pendiri OpenAI, menggambarkan di X cara baru memprogram: kamu pasrah pada "vibes", menerima apa pun yang diusulkan AI, dan nyaris lupa bahwa kodenya ada. Ia menyebutnya "vibe coding". Sejarah kata ini dirangkum di [halaman Wikipedia-nya](https://fr.wikipedia.org/wiki/Vibe_coding).

Kata ini cepat sekali populer. Kamus Merriam-Webster mencatatnya sejak Maret 2025, dan kamus Collins menjadikannya [kata tahun 2025](https://www.cnn.com/2025/11/06/tech/vibe-coding-collins-word-year-scli-intl).

Di Prancis, rasa penasaran ikut naik. Di Google Keyword Planner, kata kunci "vibe coding" pada 2 Oktober 2026 menunjukkan 10.000 sampai 100.000 pencarian per bulan dan kenaikan +900% dalam setahun.

Ingat makna aslinya: menurut Karpathy, vibe coding berarti **tidak lagi membaca kode**. Itu oke untuk eksperimen akhir pekan. Tapi berisiko untuk aplikasi yang akan dipakai orang sungguhan, dan di situlah bedanya dengan metode yang dijelaskan di bawah.

## Vibe coding, no-code, dan pengembangan dengan AI

Istilah-istilah ini saling tumpang tindih, tapi tidak merujuk ke metode yang persis sama.

| Metode                  | Yang kamu lakukan                                                    | Yang kamu dapat                                | Batasannya                                        |
| ----------------------- | -------------------------------------------------------------------- | ---------------------------------------------- | ------------------------------------------------- |
| No-code                 | Kamu merangkai blok di antarmuka visual                              | Aplikasi yang hidup di dalam tool itu          | Kamu bergantung pada platform dan harganya        |
| Vibe coding             | Kamu mendeskripsikan hasil dan maju lewat prompt                     | Kode sungguhan, yang jarang atau tak kamu baca | Kesalahan lolos selama tidak ada yang mengecek    |
| Pengembangan dibantu AI | Kamu juga mendeskripsikan, tapi dengan aturan, review, dan pengujian | Kode sungguhan, yang bisa kamu kembangkan      | Lebih lambat di awal, kamu harus belajar mengecek |

Kamu bisa mulai dengan pendekatan kedua lalu pelan-pelan beralih ke yang ketiga. Nama tool saja tidak cukup untuk membedakannya: kamu bisa memberi permintaan yang kabur ke Codex, sama seperti kamu bisa menulis permintaan yang presisi di generator aplikasi.

[Panduan membuat aplikasi tanpa coding](https://devoria.fr/id/blog/membuat-aplikasi-tanpa-coding-no-code-ai) menjelaskan apa yang perlu dipelajari saat prototipemu mulai menjadi produk sungguhan.

## Bagaimana cara melakukan vibe coding?

Metodenya cuma lima langkah, apa pun tool-nya.

1. **Deskripsikan hasil yang bisa dicek.** Bukan "aplikasi olahraga", tapi "satu layar berisi daftar sesi latihanku dan tombol untuk menambah satu sesi".
2. **Minta satu hal saja dalam satu waktu.** Satu layar, satu fungsi, satu perbaikan. Sepuluh permintaan dalam satu prompt menghasilkan sepuluh hal yang setengah jadi.
3. **Lihat hasilnya di ponsel sungguhan.** Pratinjau di browser tidak membuktikan apa-apa untuk aplikasi mobile.
4. **Perbaiki dengan permintaan yang presisi.** Sebutkan apa yang kamu lakukan, apa yang kamu lihat, dan apa yang kamu harapkan. Screenshot sangat membantu.
5. **Simpan yang sudah jalan.** Sebelum setiap permintaan baru, simpan satu versi yang bisa kamu kembalikan.

Lima langkah ini cukup untuk prototipe. Untuk aplikasi yang ingin kamu terbitkan, kamu perlu menambahkan aturan dan pengecekan: itulah isi [membuat aplikasi dengan AI](https://devoria.fr/id/blog/membuat-aplikasi-ios-dengan-ai-jebakan-cek).

## Tool apa yang dipakai untuk aplikasi mobile?

Ada dua jalan: bekerja di proyekmu sendiri, atau mulai di tool yang membuat aplikasi dari deskripsimu.

**Codex dan Claude Code** bisa bekerja di folder kode, mengubah file, dan menjalankan perintah. **Cursor** memungkinkanmu bekerja di editor bersama agen. Cara ini cocok untuk aplikasi yang proyeknya ingin kamu pahami dan pegang sendiri. Kemampuannya dijelaskan di dokumentasi [Codex CLI](https://learn.chatgpt.com/docs/cli), [Claude Code](https://code.claude.com/docs/en/overview), dan [Cursor Agent](https://cursor.com/docs/agent/overview).

Generator punya lingkungan dan format output masing-masing. Sebelum memilih, cek apakah ia menghasilkan aplikasi web, proyek mobile, atau proyek yang hanya untuk platform Apple. [Perbandingan Lovable, Rork, dan FlutterFlow](https://devoria.fr/id/blog/lovable-rork-flutterflow-aplikasi-mobile) menjelaskan perbedaan ini.

Berikut yang dihasilkan empat tool terkenal dan apa yang bisa dilakukan paket gratisnya, berdasarkan halaman harga mereka yang saya baca pada 2 Oktober 2026. Paket ini sering berubah: cek dulu sebelum memilih.

| Tool        | Yang dihasilkan                               | Paket gratis                                                                             |
| ----------- | --------------------------------------------- | ---------------------------------------------------------------------------------------- |
| Claude Code | Kode di proyekmu sendiri, dari terminal       | Tidak: [termasuk dalam paket berbayar](https://claude.com/pricing), mulai $20 per bulan  |
| Cursor      | Kode di proyekmu sendiri, dari editor         | Ya, dengan [jumlah permintaan agen yang terbatas](https://cursor.com/pricing)            |
| Lovable     | Aplikasi web                                  | Ya: [5 kredit per hari, maksimal 30 per bulan](https://lovable.dev/pricing)              |
| Bolt        | Situs atau aplikasi web, di-hosting oleh Bolt | Ya: [300.000 token per hari, 1 juta per bulan](https://bolt.new/pricing), dengan logonya |

Untuk aplikasi iPhone, format proyek menentukan langkah berikutnya. Agen yang bekerja di proyek React Native dan Expo memberimu kodenya dan jalan menuju App Store. Generator aplikasi web memberimu link untuk dibagikan, bukan halaman di App Store. Untuk memilih, baca [AI apa untuk membuat aplikasi](https://devoria.fr/id/blog/ai-untuk-membuat-aplikasi-codex-claude-code-cursor).

Yang paling penting, pilih alur kerja yang bisa kamu ikuti: membuka proyek, menampilkan hasil, menyimpan versi, dan memahami error. Tool yang mengesankan tapi membuatmu macet di perbaikan pertama tidak membantumu menyelesaikan apa pun.

## Apa bahaya vibe coding?

Bahayanya bukan AI. Bahayanya adalah menerbitkan sesuatu yang tidak dicek siapa pun. Dua insiden publik membuktikannya, begitu juga penolakan Apple yang saya alami sendiri.

**Data terbuka untuk semua orang.** Seorang peneliti keamanan menganalisis 1.645 proyek yang dibuat dengan Lovable dan memublikasikan temuannya pada Mei 2025: [170 di antaranya mengekspos data](https://mattpalmer.io/posts/statement-on-CVE-2025-48757/), termasuk email, nomor telepon, dan API key. Penyebabnya: aturan akses database yang tidak ada atau terlalu longgar. Aplikasinya berjalan sangat baik di layar, dan justru itu jebakannya.

**Database terhapus.** Pada Juli 2025, agen Replit [menghapus database produksi sebuah proyek](https://www.heise.de/en/news/Artificial-intelligence-Vibe-coding-service-Replit-deletes-production-database-10499597.html) saat code freeze, padahal pemiliknya sudah melarang semua perubahan. Replit kemudian mengumumkan pemisahan otomatis database development dan produksi.

**Penolakan dari Apple.** AI tidak melihat aplikasimu dengan mata seorang reviewer. Di Solys, saya kena dua penolakan yang tidak pernah diperingatkan AI: layar wajib yang tidak bisa dilewati di jendela kecil, lalu permintaan rating yang muncul terlalu cepat. Keduanya saya ceritakan di [kenapa Apple menolak aplikasi](https://devoria.fr/id/blog/aplikasi-ditolak-apple-penyebab-solusi).

**Secret key di dalam aplikasi.** Saat AI memintamu API key, ia dengan senang hati menaruhnya di kode yang dikirim ke pengguna, tempat siapa pun bisa membacanya. [Panduan API key di aplikasi Expo](https://devoria.fr/id/blog/kunci-api-rahasia-aplikasi-expo) menjelaskan di mana panggilan itu seharusnya dilakukan.

Solusinya selalu sama: **satu pengecekan untuk setiap risiko**. Aturan akses yang diuji dengan dua akun, backup sebelum setiap perubahan database, uji coba di iPhone terkecil dan terbesar, dan tidak ada secret key di dalam aplikasi.

## Proyek pertama: daftar untuk persiapan jalan-jalan

Ambil **contoh fiktif**: aplikasi yang membantu menyiapkan tas hiking. Versi pertama hanya bisa menambah barang, mencentangnya, dan menyimpan daftarnya.

Mulai dengan prompt yang mendeskripsikan hasil yang bisa dicek:

```prompt
Saya sedang membuat aplikasi mobile kecil untuk menyiapkan tas hiking.
Langkah pertama: satu layar saja dengan daftar barang.
Saya ingin bisa menambah barang dan mencentangnya saat sudah masuk tas.
Pakai data lokal dulu, tanpa akun pengguna.
Sebelum mengubah proyek, jelaskan file mana yang terdampak.
Setelah perubahan, jelaskan cara mengecek fitur tambah dan centang.
Jangan tambahkan pembayaran, peta, atau fitur AI untuk saat ini.
```

Prompt ini contoh untuk kamu sesuaikan, bukan aplikasi yang sudah jadi. Prompt ini mencegahmu menyerahkan sepuluh fungsi ke tool padahal kamu belum tahu cara mengecek yang pertama.

Setelah layarnya muncul, uji satu aksi dalam satu waktu. Tambahkan barang, centang, lalu tutup dan buka lagi aplikasinya. Kalau daftarnya hilang, minta secara spesifik agar data disimpan saat aplikasi dibuka ulang. Kalau ada teks yang terpotong, tunjukkan screenshot dan sebutkan ukuran perangkatnya.

## Pengecekan yang harus dijaga sejak awal

Untuk setiap langkah kecil, jawab pertanyaan ini:

1. Apakah aksi yang diminta benar-benar berjalan?
2. Apakah hasilnya tetap benar setelah aplikasi ditutup atau setelah kembali ke layar sebelumnya?
3. Apakah keyboard, teks, dan tombol tetap bisa dipakai di ponselku?
4. Apakah aku bisa kembali ke versi sebelumnya kalau perubahan berikutnya merusak sesuatu?

Saat AI mengusulkan dependensi atau layanan, tanyakan kenapa itu dibutuhkan dan berapa biayanya.

## Bisakah aplikasi hasil vibe coding diterbitkan?

Bisa. Solys dan TradaZen ada di App Store, dan kodenya ditulis dengan Claude dan Cursor. Untuk TradaZen, ada 26 hari kalender antara commit pertama dan perilisan.

Tapi cara pembuatannya tidak membebaskanmu dari apa pun. Kamu tetap harus menguji aplikasi, menyiapkan halaman App Store-nya, dan menjelaskan cara kerjanya ke Apple. Pratinjau yang jalan di browser tidak membuktikan bahwa versi yang dikirim ke Apple berjalan di iPhone. Dan empat langkah sepenuhnya jadi tanggung jawabmu: signing aplikasi, TestFlight, langganan, dan review.

[Panduan menerbitkan aplikasi di App Store](https://devoria.fr/id/expertise/publikasi-aplikasi-di-app-store) menjelaskan langkah-langkah ini. Untuk mulai dengan tool dari OpenAI, pakai [tutorial membuat aplikasi dengan Codex](https://devoria.fr/id/blog/membuat-aplikasi-dengan-codex-panduan-pemula). Dengan tool dari Anthropic, ikuti [membuat aplikasi dengan Claude Code](https://devoria.fr/id/blog/membuat-aplikasi-dengan-claude-code-tutorial-iphone).

## Apakah vibe coding gratis?

**Untuk mencoba, iya.** Cursor, Lovable, dan Bolt punya paket gratis, dengan batas jumlah permintaan per hari. Cukup untuk beberapa layar, tapi tidak untuk membangun aplikasi utuh: kuotanya cepat habis begitu kamu bekerja setiap hari. Claude Code sendiri butuh paket berbayar, mulai **$20 per bulan**.

Lalu ada biaya yang tidak dihilangkan oleh AI: **[$99 per tahun](https://devoria.fr/id/blog/biaya-akun-developer-apple-2026)** untuk menerbitkan di App Store, dan **$25 sekali bayar** untuk Google Play. Rincian apa yang gratis dan apa yang tidak ada di [membuat aplikasi secara gratis](https://devoria.fr/id/blog/membuat-aplikasi-iphone-gratis-biaya).

## Bagaimana cara belajar vibe coding?

Belajar sendiri pun bisa membawamu jauh: dokumentasi resmi gratis, dan tutorial di blog ini berangkat dari proyek nyata. Andalkan terutama praktik. Satu aplikasi kecil yang selesai mengajarimu lebih banyak daripada sepuluh video.

Yang kurang saat belajar sendiri adalah tahu sebelum submit apa yang akan ditolak Apple. Itulah fungsi **[iOS Kit](https://devoria.fr/id/kits/ios)**: kode awal aplikasi-aplikasi saya, alur empat langkah yang bisa kamu ikuti sesuai ritmemu, dan skill Claude Code yang memeriksa proyekmu sebelum dikirim. Halaman [kursus vibe coding](https://devoria.fr/id/expertise/kursus-vibe-coding-aplikasi-iphone) menjelaskannya untuk AI secara umum, dan [kursus Claude Code](https://devoria.fr/id/expertise/kursus-claude-code-aplikasi-ios) untuk tool dari Anthropic.

## Pertanyaan umum

### Apakah harus bisa ngoding untuk vibe coding?

Tidak, setidaknya untuk mulai. Kamu mendeskripsikan apa yang kamu mau dan AI menulis kodenya. Tapi untuk menyelesaikan aplikasi, kamu perlu belajar mengecek: melihat file mana yang berubah, menguji di ponselmu, dan memahami pesan error.

### Apa itu vibe coder?

Orang yang membuat software dengan mendeskripsikannya ke AI, bukan dengan menulis kodenya. Istilah ini bisa merujuk ke pemula yang meluncurkan prototipe pertamanya, maupun developer yang mendelegasikan penulisan kode supaya lebih cepat.

### Bisakah vibe coding pakai ChatGPT?

Bisa. Kamu bisa meminta kode lalu menempelkannya ke proyekmu, atau memakai Codex, agen dari OpenAI, yang langsung mengubah file. Batasannya sama dengan tool lain: kamulah yang mengecek hasilnya di ponsel sungguhan.

### Apa tool vibe coding terbaik?

Yang menghasilkan format yang kamu butuhkan. Untuk situs atau aplikasi web, generator seperti Lovable atau Bolt cepat. Untuk aplikasi iPhone yang ingin kamu terbitkan dan kembangkan, agen yang bekerja di proyekmu sendiri, seperti Claude Code, Codex, atau Cursor, memberimu kode dan kendali penuh.

### Bisakah membuat aplikasi mobile dengan vibe coding?

Bisa, asalkan kamu memilih tool yang menghasilkan proyek mobile sungguhan, bukan cuma aplikasi web. Dengan React Native dan Expo, satu proyek menghasilkan aplikasi iPhone sekaligus aplikasi Android.

### Apakah vibe coding bisa diandalkan untuk aplikasi produksi?

Tidak begitu saja. Insiden yang terkenal semuanya berasal dari hasil yang diterbitkan tanpa dicek: data terekspos, database terhapus, penolakan Apple. Dengan aturan akses yang diuji, backup, dan uji coba di perangkat, metode yang sama menghasilkan aplikasi yang tahan banting.

## Dari ide pertama ke proyek yang bisa kamu selesaikan

Kalau kamu masih ragu soal fitur pertama, mulai dengan [memvalidasi ide aplikasimu](https://devoria.fr/id/blog/cara-menemukan-ide-aplikasi-5-tes-sebelum-coding). Untuk melihat jalur lengkapnya, baca [cara membuat aplikasi](https://devoria.fr/id/blog/cara-membuat-aplikasi-4-langkah). Kalau kamu sudah punya prototipe, alur empat langkah di [iOS Kit](https://devoria.fr/id/kits/ios) membantumu menentukan langkah berikutnya. Tidak tahu sedang di tahap mana? [Diagnostik gratis](https://devoria.fr/id/diagnostic) menunjukkan posisimu, memberi tahu tahap mana yang harus dikerjakan dulu, dan mengirimkan checklist anti-penolakan Apple milik saya.


## Proyekmu

[iOS Kit](https://devoria.fr/id/kits/ios): Bikin aplikasi iPhone dengan Claude Code: starter code aplikasiku, skill yang memeriksa kerjanya, plus Apple Review Kit, App Store Screenshots Kit, dan ASO Kit. 129,99 €.