🚀 Workshop Praktik Membuat Aplikasi Web

Workshop Ai-Vibe Coding

Alur belajar ringkas untuk mengubah ide aplikasi menjadi kode, menyiapkan database, lalu melakukan deployment aplikasi agar bisa diakses secara online.

Mulai Workflow Cek Persiapan

1. Siapkan Akun dan Tools

Pastikan akun utama sudah siap sebelum mulai praktik.

🔐

Akun Google

Digunakan untuk login ke tools pendukung workshop dan mengakses layanan yang dibutuhkan.

Panduan Membuat Akun Google

💻

One Compiler

Login menggunakan akun Google untuk menjalankan dan menguji kode.

Buka One Compiler

☁️

Cloudflare

Login menggunakan akun Google untuk deployment frontend ke Cloudflare Pages.

Buka Cloudflare

2. Workflow Utama

Pilih ide → generate kode → setup database → deploy aplikasi.

1

Pilih Ide

Pilih konsep aplikasi yang akan dibuat.

Buka Link Ide
2

Generate Kode dengan AI

Gunakan AI untuk membuat struktur awal kode aplikasi.

Lihat Video
3

Setup Database & Deploy Backend GAS

Siapkan database dan backend menggunakan Google Apps Script.

Lihat Video
4

Deploy Frontend ke Cloudflare Page

Upload dan publish frontend agar aplikasi bisa diakses online.

Lihat Video

Troubleshoot: Kalau App Tidak Jalan

Cek 5 hal ini terlebih dahulu sebelum memperbaiki kode lebih jauh.

🛠️

Checklist Cepat

Gunakan daftar ini sebagai panduan troubleshooting saat aplikasi tidak berjalan setelah deploy.

✅ APP_URL sudah benar?
✅ PREVIEW_MODE sudah false?
✅ setupAwal sudah dijalankan?
✅ Web App access sudah Anyone?
✅ Code.gs sudah di-deploy ulang jika diedit?

Support

Kontak bantuan dan informasi layanan.