⚡ Panduan Vibe Coder (Untuk Orang Awam)

Panduan Lengkap Membangun & Menjual Produk Web dengan AI

Anda tidak perlu paham koding, SQL, atau arsitektur server. Dokumen ini memandu Anda langkah demi langkah: apa yang harus diklik, bagaimana cara membuka folder di Antigravity IDE, cara menghubungkan database Turso ($0/bulan tanpa limitasi project), dan bagaimana AI mengurus semua teknis rumit untuk Anda.

Bagi Hasil Adil

95% Untuk Anda

Platform hanya memotong 5% untuk biaya operasional & payment gateway.

Cukup 1 Aplikasi

Antigravity IDE

Chat AI, editor file, dan eksekutor perintah sudah menyatu dalam 1 jendela.

Database Mandiri

Turso BYOC ($0/Bln)

500 database gratis, tanpa auto-pause, dan data tersimpan di Turso cloud Anda sendiri.

🧭 Pertanyaan Mendasar: Bagaimana Cara Kerjanya?

1. Apakah kita cukup menggunakan Antigravity IDE saja?

YA, CUKUP ANTIGRAVITY IDE SAJA. Di dalam Antigravity IDE sudah terdapat editor kode, terminal, dan panel Chat AI Agent (seperti ruang percakapan yang sedang Anda gunakan). Anda tidak perlu membuka aplikasi koding lain.

2. Bagaimana cara membuka/konek folder di Antigravity IDE?

Pada menu bar kiri atas Antigravity IDE, klik:File → Open Folder...(atau tekan shortcut keyboard Ctrl + K lalu Ctrl + O). Pilih folder project Anda.

3. Bagaimana membuat produk baru agar tidak menimpa produk lain?

Buat folder baru terpisah di harddisk laptop Anda (misal: E:\kiddiary atau E:\pos-barbershop). Pasang Stakku Inject Pack ke dalam folder tersebut, lalu buka folder itu di Antigravity IDE.

4. Apakah Antigravity langsung yang upload tabel ke Turso?

YA. Anda cukup memberikan link URL & Auth Token dari database Turso Anda ke file .env.local. Setelah itu, AI Antigravity akan menjalankan script injeksi (npm run db:push) untuk membuat semua tabel dan relasi database secara otomatis.

📋 Tutorial Lengkap

Panduan 4 Langkah Praktis Membangun Produk Baru

Contoh kasus: Anda ingin membuat aplikasi pendamping anak bernama KidDiary di folder terpisah.

Langkah 1: Siapkan Folder Baru & Suntikkan Stakku Inject Pack

Agar template master stakku-core tidak rusak, aplikasi baru Anda harus berada di folder tersendiri.

Opsi A: Melalui Terminal (1 Detik)

Jalankan perintah ini di terminal Antigravity saat membuka stakku-core:

node scripts/stakku-inject.mjs E:/kiddiary

Opsi B: Melalui Download ZIP

Buka Dashboard Developer Stakku, klik tombol "Download Inject Pack (.zip)", lalu ekstrak ke dalam folder E:\kiddiary.

Langkah 2: Buka Folder Baru di Antigravity IDE

1. Buka Antigravity IDE.

2. Klik menu File → Open Folder... lalu pilih folder baru Anda (E:\kiddiary).

3. Antigravity IDE akan memuat folder tersebut. AI Agent di panel chat akan langsung mengenali protokol Stakku (karena file AGENTS.md dan folder .agents/ sudah otomatis ada di dalamnya).

Langkah 3: Siapkan Database Turso (Cukup Salin URL & Auth Token)

Stakku menggunakan prinsip BYOC (Bring Your Own Cloud) berbasis Turso ($0 Zero Running Cost & 500 DB Gratis):

Buka situs turso.tech dan buat database baru (gratis).
Salin Database URL (libsql://...) dan Auth Token.
Buka file .env.local di Antigravity IDE dan tempelkan kuncinya di sana.

💡 Tidak perlu membuat tabel manual: Cukup katakan ke AI di chat Antigravity: "AI, tolong jalankan migrasi tabel database Turso saya" (atau ketik npm run db:push). AI akan mengeksekusinya secara otomatis!

Langkah 4: Jalankan 3 Fase Vibe Coding Bersama AI

Di panel chat Antigravity IDE, Anda cukup mengetikkan perintah bahasa Indonesia santai:

🏗️ 1. Fase Buat (Build)

Contoh prompt: "Bangun fitur pencatatan sholat dan tabungan hadiah anak untuk KidDiary."

🏷️ 2. Fase Listing (Publish)

Contoh prompt: "Jalankan skill stakku-publish untuk membuat halaman sales page /p/kiddiary."

🛸 3. Fase Launching

Contoh prompt: "Periksa syarat verifikasi gateway iPaymu dan bantu saya deploy aplikasi."

← Baca Panduan Onboarding Pembeli Buka Dashboard Developer Stakku