🚪
30-Hari Challenge

From Zero to Launch:
Dari Ide jadi Web App dalam 30 Hari

Kelas ini nemenin kamu bikin web app pertama dari nol — pakai Claude dan AI tools, step by step. Catat progressmu di sini, mulai dari Modul 00, dan sebelum lanjut pastikan kamu sudah baca materinya. Dan Praktekkan materinya.

Materi Dasar Claude
0 / 15
Modul Selesai
15
Total Modul
0%
Progress
Lanjut Sekarang
Modul 00 — Fondasi & Setup Claude
Progress per Fase
Fase 1 · Fondasi 0 / 3
Fase 2 · Build 0 / 5
Fase 3 · Launch 0 / 3
Fase 4 · Grow 0 / 3
Fase 5 · Security 0 / 1
📋 Module Tracker — 15 Modul
Lihat Semua →
00
Fondasi & Setup Claude
01
Validasi & Pemilihan Produk
02
Persiapan: Ruang Kerja Digital
03
Brainstorming & Planning App
04
Frontend, Backend & Database dalam 1 File
05
Build App — Praktek Langsung!
06
Setting Database: Supabase & Firebase
07
Sistem Login: Supabase & Firebase
08
Deploy ke Cloudflare, Netlify & Vercel
15
Ubah Web App Jadi PWA (Bisa Diinstal)
09
Bikin Script Konten yang Viral-Ready
10
Analisa Konten yang Actionable
11
Dashboard Report tanpa Tools Mahal
12
Strategi Marketing: Jual Tools AI Kamu
14
Security & Keamanan Data

Pengaturan Akun

Kelola password login kamu

—
—
—
Ganti Password
Highlight
Pesan & pengumuman khusus dari admin kursus
Memuat pesan...
15 Modul · Vibe Coding + Claude for Marketing

From Zero to Launch: Fondasi, Build, Launch & Grow (Vibe Coding with Claude)

Dari paham tools, bikin produk digital, deploy ke internet, sampai scale dengan marketing — semua dalam 1 kurikulum terintegrasi!

🏗️
FASE 1 — FONDASI · Modul 00–02
Sebelum build apapun, harus paham tools-nya dulu
Claude dulu → validasi ide produk → baru setup ruang kerja coding
0/15 Selesai
MODUL 00
Fondasi & Setup Claude
Setup Claude yang bener, perbedaan versi Gratis vs Pro, dan cara pakai Projects sebagai "otak AI" kamu.
Claude FreeProjectsSetup
Progress0%
MODUL 01
Validasi & Pemilihan Produk
Pain-First vs Desire-First, Teknik 5 Why, validasi produk sebelum produksi, dan riset pasar gratis lewat konten.
Validasi5 WhyRiset Pasar
Progress0%
MODUL 02
Persiapan: Ruang Kerja Digital
Setup semua platform gratis yang jadi "tim developer" kita selama 30 hari.
ChatGPTGitHubFirebase
Progress0%
⚒️
FASE 2 — BUILD · Modul 03–07
Bikin produk digitalnya
Murni coding flow — tidak dipecah supaya momentum belajar tidak patah
MODUL 03
Brainstorming & Planning App
Mindset vibe coding, batasan Claude Free, tips hemat token, dan planning app yang benar.
MindsetBrief AppTips Token
Progress0%
MODUL 04
Frontend, Backend & Database dalam 1 File
Konsep HTML/CSS/JS, localStorage, desain di Google Stitch, dan cara preview di browser.
1 file HTMLlocalStorageStitch
Progress0%
MODUL 05
Build App — Praktek Langsung!
Langsung praktek di Claude pakai prompt dari Brief yang sudah disusun. Dari ide jadi app nyata!
PraktekPromptingDebug
Progress0%
MODUL 06
Setting Database: Supabase & Firebase
Setup database cloud gratis, template prompting di Claude, dan koneksi ke web app kamu.
SupabaseFirebaseDatabase
Progress0%
MODUL 07
Sistem Login: Supabase & Firebase
Buat fitur Login & Register yang aman pakai Supabase Auth dan Firebase Auth.
AuthLoginRegister
Progress0%
🚀
FASE 3 — LAUNCH · 3 Modul
Produk sudah jadi, sekarang siap dipublikasikan
Deploy dulu → langsung masuk konten marketing
MODUL 08
Deploy ke Cloudflare, Netlify & Vercel
Cara deploy ke Cloudflare (utama) + perbandingan lengkap Netlify & Vercel — kelebihan, kekurangan, dan kapan pakainya.
CloudflareNetlifyVercel
Progress0%
MODUL 15
Ubah Web App Jadi PWA (Bisa Diinstal)
Bikin web app kamu bisa diinstal seperti aplikasi asli — lengkap icon, offline mode, dan tombol Install App.
PWAManifestService Worker
Progress0%
MODUL 09
Bikin Script Konten yang Viral-Ready
Framework SCALE Method, 5-Part Story Structure, dan prompt templates untuk bikin script Reels/TikTok yang viral.
SCALE MethodScriptViral
Progress0%
📈
FASE 4 — GROW · Modul 10–12
Ukur, optimalkan, scale
Data-driven marketing untuk skala bisnis digitalmu
MODUL 10
Analisa Konten yang Actionable
Upload data CSV Instagram, screenshot analytics, dan minta Claude buat analisa mendalam yang bisa langsung dipraktikkan.
AnalyticsSave RateData
Progress0%
MODUL 11
Dashboard Report tanpa Tools Mahal
Export dari Meta Business Suite, upload ke Claude, dan minta Claude buat dashboard HTML interaktif — tanpa coding, tanpa bayar tools.
DashboardMetaCSV
Progress0%
MODUL 12
Strategi Marketing: Jual Tools AI Kamu
Formula positioning, launch content strategy, konten yang jual tanpa jualan, dan cara audit marketing funnel yang efektif.
PositioningLaunchFunnel
Progress0%
BONUS ✦
EKSKLUSIF
Master Shortcut Prompts
Koleksi lengkap shortcut prompt: Writing & Style, Content Creation, Analisa & Strategy, Building & Dashboard — siap pakai kapan saja!
/ghost/punchHOOKS10
🔒
FASE 5 — SECURITY · Modul 14 · Wajib
Pastikan webmu gak bocorin data
Cara cek dan lindungi materi premium, data user, dan credential kamu sendiri
MODUL 14
Security & Keamanan Data
Cara cek sendiri apakah materi premium atau data user kamu bocor, cara baca Security Rules, dan checklist sebelum launch.
Security RulesAuditWajib
Progress0%

Progress Belajarmu

0 / 15 modul (0%)
Login untuk melihat progress...
Learning Streak
0 hari berturut-turut

Prompt Library

Koleksi prompt siap pakai untuk accelerate workflow kamu. Terus diupdate! 🚀

Tap salah satu kartu di bawah → copy prompt-nya → paste ke Claude, isi bagian [...], jalan. Semua prompt bisa dipakai untuk bisnis/profesi apapun.
🎠
Carrousel Generator Instagram

Ubah topik apapun jadi carousel Instagram siap upload — visual konsisten, konten engaging.

🎓
Web E-Learning untuk Edukasi Anak Kids · PAUD

Buat platform e-learning interaktif berbasis game untuk anak usia dini — huruf, angka, dan Islam.

🎬
Landing Page Animasi & Interaktif Copywriting PAS

Landing page satu halaman dengan animasi scroll & micro-interaction, copywriting formula PAS — siap konversi.

📊
Portal Bisnis Interaktif Dashboard

Bikin portal/dashboard member area untuk bisnismu — tracking progress, resource hub, atau member portal.

💼
Portfolio Interaktif Personal Brand

Portfolio online animatif untuk showcase karya & jasa kamu — sekaligus alat jualan diri ke calon klien.

🧮
Quiz & Kalkulator Interaktif Lead Magnet

Quiz atau kalkulator interaktif buat menjaring leads — audiens isi jawaban, dapat hasil personal, kamu dapat data calon klien.

⏳ Prompt lainnya segera hadir!

Library ini akan terus diupdate dengan prompt-prompt baru. Stay tuned! 🚀

🎠

Carrousel Generator

Ubah topik apapun jadi carousel Instagram siap upload — visual konsisten, konten engaging, format PNG 1:1 atau 4:5.

Memuat konten...
🎓

Web E-Learning untuk Edukasi Anak

Buat platform e-learning interaktif berbasis game untuk anak usia dini — huruf, angka, dan Islam. Satu file HTML, siap deploy!

Memuat konten...
🎬

Landing Page Animasi & Interaktif

Landing page satu halaman dengan animasi scroll & micro-interaction, copywriting formula PAS (Problem-Agitate-Solution) — siap konversi, bisa dipakai untuk bisnis/profesi apapun.

Memuat konten...
📊

Portal Bisnis Interaktif

Bikin portal/dashboard member area untuk bisnismu — tracking progress, resource hub, atau member portal. Bisa dipakai untuk bisnis/profesi apapun.

Memuat konten...
💼

Portfolio Interaktif

Portfolio online animatif untuk showcase karya & jasa kamu — sekaligus alat jualan diri ke calon klien. Bisa dipakai untuk profesi/freelancer apapun.

Memuat konten...
🧮

Quiz & Kalkulator Interaktif

Quiz atau kalkulator interaktif buat menjaring leads — audiens isi jawaban, dapat hasil personal, kamu dapat data calon klien.

Memuat konten...

Panduan VS Code

Panduan praktis menggunakan VS Code dan cara konek AI Agent

Memuat konten...

Channel WhatsApp

Yuk gabung Channel WhatsApp kita! Di sini instructor akan share update materi terbaru, pengumuman penting, dan jawaban FAQ seputar ecourse. 🙌

Gabung Channel

Gratis · Update materi & FAQ · Langsung aktif 💪

Resources
Prompt library dan panduan praktis buat vibe coding-mu. Halaman ini sewaktu-watu akan diupdate terus mengikuti perkembangan AI dan Claude/
💡
Klik "Prompt Library" di bawah!
Isinya prompt siap pakai (tinggal isi placeholder) buat bikin landing page, portal bisnis, portfolio, quiz interaktif, carousel Instagram, dan e-learning — tanpa mulai dari nol.
Prompt Library
Koleksi prompt siap pakai untuk accelerate coding workflow kamu
Panduan VS Code
Panduan praktis VS Code dan cara konek AI Agent untuk productivity maksimal
Hack Vibe Code
Tips & trik biar sesi vibe coding-mu makin efisien, anti stuck, dan hasilnya optimal
5 Framework Prompt Claude
R.O.L.E., C.O.T.O., I.C.E., F.E.W., S.P.I.N. — framework yang bikin output Claude-mu 10x lebih bagus
Panduan Github
Tutorial pengenalan Github — Apa itu Github, kegunaan Github

Panduan Github

Tutorial pengenalan Github — Apa itu Github, kegunaan Github

Memuat konten...

5 Framework Prompt Claude

yang Bikin Output-mu 10x Lebih Bagus

Memuat konten...

Hack Vibe Code

Tips & trik biar sesi vibe coding-mu makin efisien, anti stuck, dan hasilnya optimal

Memuat konten...

✓ To Do List

Kelola daftar tugas harianmu

Tambah Tugas Baru
📝
Belum ada tugas
Tambahkan tugas baru untuk memulai