Vibe Coding Google AI Studio: Build, Batas, Deploy

Cara vibe coding di mode Build Google AI Studio: langkah, kemampuan dan batasnya, limit dua aplikasi Starter Tier, serta cara deploy atau ekspor aplikasi.

Pertanyaan yang sering diajukan

Apa itu vibe coding di Google AI Studio?

Vibe coding di sini adalah mode Build, yang ada di aistudio.google.com/apps. Anda menjelaskan aplikasi dengan bahasa sehari-hari, Gemini membuatkan kodenya, lalu pratinjau langsung muncul di sebelahnya. Menurut dokumentasi Google, aplikasi web secara default memakai frontend React dengan runtime Node.js di sisi server, dan Anda juga bisa memilih aplikasi Android native (Kotlin dan Jetpack Compose). Hasilnya bisa Anda sempurnakan lewat chat atau dengan mode anotasi (annotation mode) di pratinjau. Dokumentasi dicek November 2026.

Apakah vibe coding di Google AI Studio gratis?

Dokumentasi Build dan deploy dari Google tidak menyebutkan kuota gratis. Di sana dinyatakan bahwa panggilan API dari aplikasi Anda dihitung ke batas penggunaan Anda, dan biaya bisa berlaku jika Anda memakai model berbayar. Starter Tier memungkinkan akun yang memenuhi syarat memublikasikan hingga dua aplikasi full-stack tanpa proyek Google Cloud atau akun penagihan, tetapi harga Cloud Run bisa berlaku sesuai penggunaan. Cek halaman Billing di AI Studio untuk tarif terbaru di akun Anda.

Bagaimana cara men-deploy aplikasi yang dibuat di Google AI Studio?

Klik Publish di pojok kanan atas. Di Starter Tier, lanjutkan dengan klik Get Started lalu Publish App, dan Anda akan mendapatkan URL Cloud Run. Deployment standar memerlukan proyek Google Cloud yang terhubung ke akun AI Studio Anda dengan penagihan aktif. Anda juga bisa menyinkronkan proyek ke GitHub atau mengunduh ZIP lalu menghostingnya sendiri.

Bisakah saya mengekspor aplikasi Google AI Studio ke GitHub atau hosting sendiri?

Bisa. AI Studio mendukung sinkronisasi GitHub dua arah yang diatur dari tab GitHub di Settings, lengkap dengan pesan commit buatan AI dan dialog Resolve conflicts (selesaikan konflik). Anda juga bisa mengunduh ZIP. Jika kode dijalankan di tempat lain, Anda harus mengatur sendiri environment variable GEMINI_API_KEY.

Apakah Gemini API key saya akan terekspos di aplikasi yang dipublikasikan?

Untuk aplikasi web baru, dokumentasi Google menyebutkan AI Studio menyimpan GEMINI_API_KEY sebagai secret di sisi server, terlihat di panel Secrets, dan tidak pernah disertakan dalam kode sisi klien. Aplikasi yang sudah di-deploy memakai key tersebut untuk setiap panggilan Gemini dari semua pengunjung, sehingga penggunaan mereka dihitung ke batas dan biaya Anda.

Siapa yang bisa memakai Starter Tier untuk publikasi?

Halaman deploy Google menyebutkan bahwa akun yang masuk dengan akun Google Workspace tidak memenuhi syarat, begitu pula akun yang memiliki akun penagihan Google Cloud berbayar yang aktif atau pernah ada, atau yang tidak memiliki bukti aktivitas yang cukup. Dinyatakan juga bahwa tim dukungan tidak bisa mengesampingkan kelayakan. Jika Anda tidak memenuhi syarat, gunakan deployment standar dengan proyek Google Cloud yang penagihannya aktif.

Jawaban singkat: Vibe coding di Google AI Studio ada di mode Build pada aistudio.google.com/apps. Anda menjelaskan aplikasi yang diinginkan, Gemini menulis frontend React plus server Node.js (atau aplikasi Android native), lalu Anda menyempurnakannya lewat pratinjau langsung. Kalau sudah berjalan, klik Publish untuk menayangkannya di Cloud Run, sinkronkan ke GitHub, atau unduh ZIP. Periksa batasan di bawah sebelum membagikan tautan, karena panggilan Gemini dari para pengunjung berjalan memakai key Anda. Semua detail dicek terhadap dokumentasi Google pada November 2026.

Apa sebenarnya yang dilakukan mode Build

Mode Build adalah lingkungan prompt-ke-aplikasi di dalam AI Studio. Menurut dokumentasi Google:

Aplikasi web (default): frontend React plus runtime Node.js di sisi server untuk panggilan API yang aman, koneksi database, dan paket npm. Agen memasang paket sesuai kebutuhan.
Aplikasi Android: Kotlin dan Jetpack Compose, dipratinjau di emulator berbasis browser, bisa dipasang ke perangkat lewat ADB di browser, dan bisa dipublikasikan ke Play Store untuk pengujian internal.
Integrasi bawaan: Firebase Firestore dan Firebase Authentication (Sign in with Google), koneksi Google Workspace seperti Gmail, Sheets, Docs, Drive, dan Calendar dengan pengaturan OAuth otomatis, serta status multipemain (multiplayer) yang ditangani runtime server.
Database lain: menurut dokumentasi, Anda bisa memakai penyimpanan apa pun yang bisa dijangkau lewat jaringan, dengan batasan firewall pada rentang IP dinamis.

Jika istilahnya masih baru, penjelasan kami tentang apa itu vibe coding membahas konsepnya. Mode Build adalah salah satu penerapannya.

Cara vibe coding aplikasi di Google AI Studio

Buka mode Build. Buka aistudio.google.com/apps lalu pilih aplikasi web (default) atau Android native di pemilih platform.
Tulis prompt. Jelaskan siapa penggunanya, apa yang tampil di layar utama, dan data apa yang diolah. Anda bisa memakai AI Chips untuk menambah fitur seperti pembuatan gambar atau data Google Maps, atau mendikte dengan speech-to-text. "I'm Feeling Lucky" akan membuatkan ide kalau Anda buntu.
Atau mulai dari yang sudah ada. Buka aplikasi di App Gallery lalu pilih Copy App untuk me-remix-nya, atau pakai Import from GitHub dari menu Add files (+) di kotak prompt.
Jalankan dan baca pratinjaunya. File hasil generate muncul bersama pratinjau langsung di sebelah kanan. Tab Code menampilkan kode sumbernya.
Iterasi sedikit demi sedikit. Minta satu perubahan per pesan. Untuk penyesuaian tampilan, pakai mode anotasi: sorot bagian UI lalu jelaskan perubahan yang Anda mau.
Atur izin akses. Jika aplikasi membutuhkan kamera, mikrofon, atau geolokasi, dokumentasi menyarankan mencantumkan API browser tersebut di metadata.json pada requestFramePermissions.
Periksa secret. Buka panel Secrets di Settings untuk melihat GEMINI_API_KEY dan menambahkan key lain yang dibutuhkan kode server Anda.
Simpan atau rilis. Sinkronkan ke GitHub, unduh ZIP, atau klik Publish.

Susunan prompt yang menghasilkan draf pertama lebih baik

Buatkan halaman pemesanan untuk studio tembikar kecil. Pengunjung memilih kelas dari daftar, memilih tanggal, lalu mengisi nama dan email. Simpan permintaan di Firestore. Tampilkan layar konfirmasi. Gunakan tata letak satu kolom dan mobile-first. Jangan tambahkan login.

Dengan menyebutkan penyimpanan data, layar yang dibutuhkan, dan hal yang tidak perlu dibuat, agen tidak akan menambah fitur sendiri yang nantinya harus Anda hapus.

Perbandingan opsi deploy dan ekspor

Opsi	Yang Anda dapatkan	Persyaratan (menurut dokumentasi Google)	Perlu diwaspadai
Publish, Starter Tier	URL Cloud Run, subdomain your-app-name.ai.studio opsional	Akun yang memenuhi syarat; tidak perlu proyek Google Cloud atau akun penagihan	Maksimal dua layanan secara total, satu region Cloud Run; akun Workspace dan akun dengan penagihan Cloud berbayar tidak memenuhi syarat
Publish, deployment standar	Layanan Cloud Run yang bisa diskalakan	Proyek Google Cloud yang terhubung ke AI Studio dengan penagihan aktif	Harga Cloud Run bisa berlaku sesuai penggunaan
Sinkronisasi GitHub	Sinkronisasi repo dua arah dengan pesan commit	Tab GitHub di Settings	Selesaikan konflik merge di dialognya
Unduh ZIP	Kode yang bisa dijalankan di mana saja	Atur sendiri GEMINI_API_KEY	Hosting, secret, dan pembaruan Anda tangani sendiri

Di Starter Tier, publikasi cukup tiga klik: Publish, Get Started, Publish App. Jika Anda sudah punya dua aplikasi yang tayang, Anda harus membatalkan publikasi salah satunya atau upgrade. Subdomain kustom diberikan berdasarkan siapa cepat dia dapat, dan dilepas kembali saat Anda membatalkan publikasi atau menghapus aplikasi.

Batasan dan risiko yang perlu diketahui sebelum berbagi

Key Anda menanggung biaya semua pengunjung. Aplikasi yang di-deploy memakai Gemini API key Anda untuk panggilan semua pengguna, dan dokumentasi memperingatkan bahwa biaya bisa berlaku jika Anda memakai model berbayar. AI Studio akan memberi peringatan sebelum Anda membagikan aplikasi.
Aplikasi awalnya privat. Orang yang Anda beri akses bisa melihat dan melakukan fork pada kodenya, dan yang diberi izin edit bisa mengubahnya.
Tidak ada penyuntingan bersama secara langsung. Dokumentasi Google menyatakan penyuntingan kolaboratif secara langsung tidak didukung; tim berkolaborasi lewat repo GitHub bersama.
Tautan yang dibagikan bisa gagal dibuka. Dokumentasi menyebutkan error 403 Access Restricted yang dipicu ekstensi privasi seperti Privacy Badger, atau oleh error build.
Perilaku aplikasi adalah tanggung jawab Anda. Aplikasi bisa dihapus jika melanggar kebijakan, dan pengembang bertanggung jawab atas perilaku serta data aplikasinya.
Aplikasi lama. Aplikasi yang dibuat sebelum 14 Mei 2026 akan ditingkatkan ke pendekatan key di sisi server saat fitur Gemini-nya diubah berikutnya.

Halaman Google yang kami baca tidak menyebutkan angka request atau token untuk tier gratis, jadi kami tidak mencantumkan angka apa pun. Lihat halaman Billing di dalam AI Studio untuk mengetahui yang berlaku di akun Anda.

Sebelum publikasi: daftar periksa yang bisa disalin

[ ] Aplikasi berjalan di pratinjau dengan profil browser baru, bukan hanya di profil Anda yang sudah login
[ ] Secret berada di panel Secrets, bukan ditempel di kode atau prompt
[ ] Anda tahu key Gemini milik siapa yang dipakai aplikasi yang di-deploy dan berapa biayanya pada hari yang ramai
[ ] Aturan Firestore atau database sudah ditinjau agar pengunjung tidak bisa membaca atau menulis data yang bukan hak mereka
[ ] Anda sudah menguji di layar seukuran ponsel
[ ] Repo sudah disinkronkan ke GitHub sehingga Anda punya salinan di luar AI Studio
[ ] Anda sudah memeriksa kelayakan Starter Tier, atau sudah menyiapkan proyek Cloud dengan penagihan aktif

Aplikasi buatan AI bisa tampak sudah jadi padahal menyimpan celah pada validasi dan kontrol akses, yang kami bahas di celah kepercayaan vibe coding untuk website.

Kapan mode Build bukan alat yang tepat

Mode Build cocok untuk prototipe, alat internal, dan aplikasi interaktif kecil yang memanggil Gemini. Untuk situs bisnis biasa yang butuh domain, formulir kontak, dan visibilitas di pencarian, jalur ini terlalu berat. Layanan Cloud Run di balik subdomain ai.studio juga tidak sama dengan situs yang Anda kelola untuk keperluan SEO. Jika Anda mempertimbangkan hosting yang lebih sederhana, lihat daftar alternatif Google Sites, dan setelah situs tayang, siapkan Google Search Console agar Anda bisa melihat bagaimana situs Anda diindeks.

Untuk situs biasa, bukan aplikasi kustom, paket gratis We.Inc memungkinkan Anda memublikasikan hingga tiga situs dari template siap pakai; AI builder yang membuat draf situs dari prompt tersedia mulai paket Starter seharga $20 per bulan. Anda bisa mendaftar di sini.

Mulai gratis · Tanpa kartu kredit

Umair Ali Sadaqat

Pendiri We.Inc

Umair adalah pendiri We.Inc. Ia menulis tentang pembuatan situs web dengan AI, agensi, dan bisnis menjalankan studio web.

Siap membuat sesuatu yang hebat?

Bergabunglah dengan 15,000+ bisnis yang memakai We.Inc untuk meluncurkan, berkembang, dan mengotomatiskan, semuanya dari satu platform.