IBRAHIM NURUL HUDA 01 / 17

VIDEO TUTORIAL · 30 MENIT

Vibecoding Cuan.

Untuk yang belum pernah ngoding.

Bikin landing page jualan jasa kamu sendiri. Dua tool gratis. Selesai dalam 25 menit.

02 / 17

95% dari kalian nggak akan jadi programmer.

Dan itu kabar baik.

— DIBUKA DI SETIAP WORKSHOP

03 / 17

YANG NAHAN KAMU

Bukan skill. Bukan tools.
Bukan modal.

Yang nahan kamu cuma satu — nggak ada yang ngasih izin.

Hari ini, anggap aja video ini izinnya.

Yang sering ditunggu

bisa coding dulu punya tim dulu punya modal dulu sampai "siap"

↳ semua ini bukan blocker beneran.

04 / 17

Tools cuma kendaraan.
Kemauan untuk mencoba — itu bahan bakar aslinya.

— SETELAH MENGAJAR RATUSAN PESERTA NON-TEKNIS

05 / 17

BUKTI · BUKAN JANJI

Tiga peserta. Tiga latar belakang non-teknis.

PESERTA 01 · SKEPTIS Bot AI Yang mengantar dia dapet proyek baru.

"Aku bukan engineer. Ngoding aja nggak ngerti. Emang bisa bikin apa?"

PESERTA 02 · CEO BISNIS Task App Agentic AI · email · WA · full auth.

"Aku CEO, fokusku jualan. Tapi sekarang aku bisa pamer app yang aku bikin sendiri ke tim."

PESERTA 03 · BIZDEV SSH & Docker Buat nge-online-in agent buatan sendiri.

"Sehari-hari aku BizDev, nggak pernah buka terminal. Sekarang malah ngoprek server demi agent-ku live."

06 / 17 02

REFRAMING · BUKAN MAGIC

Bikin app itu 2 langkah.
Bukan 1 langkah ajaib.

Generate — kasih instruksi, AI bikin code-nya.
Deploy — code-nya di-publish biar orang lain bisa akses.

07 / 17

DUA TOOL · DUA-DUANYA GRATIS SELAMANYA

Yang aku pakai hari ini.

LANGKAH 1 · GENERATE

Google AI Studio

aistudio.google.com/apps

→ Login pakai akun Gmail biasa
→ Mode Build kasih preview live di sebelah
→ Output: file index.html standalone
→ Iterasi via chat — minta revisi sebanyak yang kamu mau

100% GRATIS · NO KARTU KREDIT

LANGKAH 2 · DEPLOY

Netlify Drop

netlify.com/drop

→ No signup, no login, no kartu kredit
→ Drag file index.html ke web mereka
→ Dapet URL live dalam < 30 detik
→ Skill standar industri — transferable, no lock-in

LINK GRATIS 24 JAM · SIGNUP = PERMANENT

08 / 17

DEMO FLOW · TOTAL ±25 MENIT

Dari prompt sampai link live — 5 langkah.

Tulis Prompt 5 Lapis Tujuan · Audience · Vibe · Struktur · Bahasa · ~3 menit

Submit & Lihat Preview AI Studio render landing page live di sebelah · ~2 menit

Iterasi via Chat Audit pakai mata kritis · minta revisi spesifik · ~10 menit

Download index.html Simpan di folder lokal · 1 file standalone · < 1 menit

Drag ke Netlify Drop · Dapet URL Live Buka netlify.com/drop · drag file · pause 2 detik · klik URL · landing page kamu live di internet · < 30 detik

09 / 17

ANALOGI · CARA NGOMONG SAMA AI "

AI itu kayak anak magang dari kampus bagus.

Pinter, cepat, eksekusi mantap. Tapi kalau dikasih instruksi "bikin landing page ya" — tanpa konteks — hasilnya generic. Sama kayak anak magang yang nggak dikasih brief.

PROMPT 5 LAPIS KONTEKS

1 · TUJUAN

Jasa konsultasi 1-on-1

2 · AUDIENCE

Founder UMKM Indonesia, 30-45 tahun

3 · VIBE

Hangat · #7F2DBF · clean modern

4 · STRUKTUR

Hero · Problem · Solusi · Testimonial · CTA WA

5 · BAHASA

Indonesia natural, bukan terjemahan

10 / 17

POLA SALAH

"Wah error. Aku nggak ngerti. Aku payah."

POLA YANG BENER

"Ini komputer lagi ngomong sama aku. Tugasku — dengerin."

MINDSET · ERROR ITU INFO

Error itu komputer lagi ngomong sama kamu.

Dia lagi kasih tau di mana masalahnya. Tugasmu cuma satu — dengerin.

Stuck? Tanya AI. Bingung? Tanya AI. Error nggak ngerti? Paste, tanya, lanjut.

11 / 17

SCOPE DISCIPLINE · TAU KAPAN BERHENTI

Sebelum nambah fitur — tarik napas, tanya 3 hal.

01 GOAL

Apa goal aku hari ini?

"Landing page yang bisa narik klien pertama."

02 REAL NEED

Klien pertama bener-bener butuh ini?

"Database leads? Mereka cuma butuh cara hubungi aku."

03 SIMPLEST WAY

Apa cara paling simple untuk itu?

"Tombol WhatsApp. Itu udah ada. Done."

12 / 17

PRINSIP · SHIP > REPEAT "

Ship sederhana yang bagus,
lebih jauh dari ribet yang nggak pernah jadi.

Yang bedain orang yang ship sama yang nggak — bukan kemampuan teknis. Yang bedain: kemampuan tau kapan berhenti.

13 / 17

TASTE · ANTI-SLOP AUDIT

Bedain landing page kamu dari ribuan yang generic.

Taste itu bukan bakat. Taste itu skill yang dibangun dari observasi deliberate. Liat banyak referensi, sadar mana yang punya jiwa, apply ke karya kamu.

"Setiap elemen di product kamu harus punya alasan. Kalau cuma dekorasi — buang."

CONTOH EDIT YANG BIKIN BEDA

Background section Putih flat → off-white #FAF7F2

Numbering besar Serif besar 01 / 02 / 03 di kiri tiap problem

Testimonial konkret "Membantu" → "Hemat 8 jam/minggu"

Spacing yang bernafas Lebih lega antar section, hierarki jelas

14 / 17 CLOSING · CHALLENGE

Kamu nggak butuh jadi programmer.

Kamu butuh jadi builder.

Minggu ini. Coba sendiri. Apapun ide kamu — se-random apapun. Satu syarat: etis. Kalau jadi, kirim ke aku.

IBRAHIM NURUL HUDA · DM, COMMENT, TAG — APAPUN, AKU LIAT

15 / 17

BONUS · COPY-PASTE READY

Prompt yang aku pakai di demo.

Pause. Copy. Ganti yang dalam [KURUNG] sesuai kasus kamu.

// Bikin landing page satu halaman

Bikin landing page untuk [JASA / PRODUK KAMU].

// Kasih konteks audience

Audience: [SIAPA — umur, lokasi, kondisi mereka].

// Kasih vibe & warna brand

Vibe: [MOOD] dengan warna dominan [#HEXCODE].

Tipografi clean modern.

// Kasih struktur section

Section: Hero · Problem · Solusi · Testimonial · CTA WA · Footer.

// CTA pakai WhatsApp link, JANGAN form database

CTA pakai link wa.me/[NOMOR_KAMU].

JANGAN bikin form yang nyimpen data — cukup link WA.

// Bahasa & output

Bahasa Indonesia natural, bukan terjemahan.

Output: 1 file index.html standalone, siap deploy.