Belajar AI Assist Copilot + Studi Kasus (Quick Prototyping dengan v0, Bolt.new, Lovable)
Kelas ini dirancang untuk siapapun yang ingin punya website profesional (landing page produk, personal brand, atau bisnis) tanpa harus jadi ahli coding. Kamu akan belajar cara berpikir seperti web developer modern—bukan dengan mengetik baris kode panjang, tapi dengan berkolaborasi bareng AI.
Tentang Kelas
Kelas ini dirancang untuk siapapun yang ingin punya website profesional (landing page produk, personal brand, atau bisnis) tanpa harus jadi ahli coding. Kamu akan belajar cara berpikir seperti web developer modern—bukan dengan mengetik baris kode panjang, tapi dengan berkolaborasi bareng AI.
Lewat kelas ini, kamu bakal paham:
- Kenapa penting punya landing page sendiri (bukan cuma link bio).
- Bagaimana AI bisa bantu kamu bangun website dari teks doang.
- Tools AI terbaik di 2025 seperti v0.dev, bolt.new, dan lovable.dev.
- Cara meng-online-kan website ke domain .com kamu sendiri, biar tampil profesional.
Di akhir kelas, kamu akan punya landing page produkmu sendiri yang sudah live dan siap dipakai.
Tujuan Umum Membekali peserta dengan kemampuan praktis membangun landing page modern menggunakan bantuan AI, tanpa perlu keahlian coding mendalam — dari konsep, desain, hingga publikasi dengan domain sendiri.
Tujuan Khusus Setelah menyelesaikan kelas ini, peserta diharapkan mampu:
- Memahami anatomi dan strategi di balik landing page yang efektif.
- Menggunakan prompt engineering untuk menghasilkan konten dan desain yang sesuai visi.
- Mengoperasikan tiga tools AI utama (v0.dev, bolt.new, lovable.dev) untuk membuat website.
- Mengatur domain .com sendiri dan melakukan optimasi SEO dasar.
- Memahami etika, hak cipta, dan batas penggunaan AI dalam pembuatan website.
Apa yang Akan Dipelajari Kelas ini terdiri dari 5 modul dan 21+ lesson yang disusun bertahap dari mindset hingga praktek langsung:
Modul 1 – Fondasi & Strategi Landing Page Belajar “mengapa” dan “apa” belum “bagaimana”. Kamu akan memahami alasan kenapa perlu membuat landing page sendiri, perbedaan dengan platform bio-link, dan struktur ideal landing page yang menjual. Ditutup dengan pengenalan 3 “senjata AI” yang akan dipakai: v0.dev, bolt.new, dan lovable.dev.
Modul 2 – Seni “Merintah” AI (Prompt Engineering) Kunci hasil yang bagus bukan di AI-nya, tapi di cara kamu ngomong ke AI. Kamu akan belajar bikin prompt super detail untuk menghasilkan teks dan layout landing page yang presisi sesuai kebutuhanmu.
Modul 3 – Praktek Langsung: Bangun dengan AI Mulai “kotorin tangan”. Kamu akan praktek membangun landing page di tiga tools AI berbeda, menambahkan fitur, dan men-deploy hasilnya langsung ke internet. Di akhir modul, kamu akan membandingkan hasil ketiga tools dan memilih yang terbaik untuk proyekmu.
Modul 4 – Go Live! Domain dan SEO Ubah link acak jadi website profesional. Kamu akan belajar cara beli domain, mengatur custom domain di Jetorbit atau IONOS, setup subdomain, dan menambahkan elemen SEO seperti title tag, meta description, dan OG tag agar website lebih mudah ditemukan di Google.
Modul 5 – Etika, Risiko, & Langkah Selanjutnya AI bukan pengganti, tapi asisten. Modul ini menuntunmu memahami etika penggunaan AI, hak cipta, serta langkah lanjutan—baik untuk mengembangkan websitemu atau mendalami skill coding di jalur profesional.
Hasil Akhir yang Diharapkan
Setelah menyelesaikan kelas ini, kamu akan:
- Memiliki landing page pribadi atau produk yang sudah online dengan domain .com sendiri.
- Paham cara berkolaborasi dengan AI untuk desain dan pengembangan web.
- Mampu membuat prompt efektif untuk hasil desain dan copywriting yang relevan.
- Siap melangkah ke tahap berikutnya: membuat website dinamis menggunakan framework seperti Larave, jika ingin lanjut ke level fullstack.
Daftar Materi
| Perkenalan Kelas | 07:04 | |
| Hasil Belajar dan Pros Cons | 08:49 | |
| Struktur Landing Page yang Menjual | 11:02 | |
| Pengenalan 3 Senjata AI Website Builder | 09:02 | |
| Cara Membuat Prompt yang Super Detail | 20:48 | |
| Generate Menggunakan Bolt | 04:10 | |
| Menambahkan Fitur di Bolt | 09:57 | |
| Deployment dari Bolt ke Netlify | 08:27 | |
| Generate Menggunakan v0 | 04:26 | |
| Menambahkan Fitur di v0 | 07:04 | |
| Deployment dari v0 ke Vercel | 06:16 | |
| Generate Menggunakan Loveable | 06:56 | |
| Menambahkan Fitur di Loveable | 06:15 | |
| Deployment di Loveable | 03:52 | |
| Battle Royale AI Menentukan Pemenang | 27:44 | |
| AI Assist Coding dengan Github Copilot | 35:17 | |
| Setup Custom Domain di Bolt dan IONOS | 19:45 | |
| Setup Custom Domain dari Jetorbit | 19:18 | |
| Setup Subdomain | 06:28 | |
| Merge Branch dari Bolt dan VSCode | 10:16 | |
| Optimasi SEO Dasar (Title, Meta Description, dan OG) | 12:37 | |
| Etika Penggunaan AI | 15:50 | |
| Hak Cipta UU Biaya dan Bagaimana Tanpa AI | 15:00 | |
| Recap Kelas dan Langkah Selanjutnya | 03:32 |
Penyusun Materi
Testimoni Oleh Siswa
(0 reviews)

