AI Builder
Build & Integrate 1 jam live · 30 min pre-work

W4 Data & Auth — App Jadi Hidup

Objectives

  • Database pertama kali masuk
  • Setup authentication & login flow
  • Data flow end-to-end works
  • SECURITY AWARENESS: Backup, safety first

⚠️ CRITICAL: Dari minggu ini, data bisa hilang kalau ceroboh. Backup sebelum eksperimen. Jangan pernah suruh AI “hapus semua data” atau “drop table” tanpa tahu persis apa yang terjadi.

Pre-work

MateriFormatDurasi
State & data flow — dari statis ke dinamisArtikel15 min
Database 101 — tabel, kolom, relasiArtikel15 min
Authentication — login flow & kenapa pentingArtikel15 min
Database safety — backup, recovery, apa yang NGGAK bisa di-undoArtikel15 min

Konsep: Authentication Flow

UserEmail + PasswordServerVerify credentialsTokenJWT / Session IDSessionAccess granted

Authentication = proses memastikan “kamu beneran kamu”. Flow-nya:

  1. User memasukkan email + password
  2. Server mengecek ke database: cocok nggak?
  3. Kalau cocok → server kasih token (kartu identitas digital)
  4. Browser simpan token → setiap request selanjutnya, token dikirim sebagai bukti identitas
  5. Session aktif — user bisa akses data pribadinya

Token itu seperti gelang festival. Sekali dapat, kamu bisa masuk ke semua area tanpa perlu tunjukin tiket lagi.

Live Session

0-15 min

Setup Supabase / Cloudflare D1 — database + auth

15-30 min

Backup & safety first — cara export data, cara undo

30-50 min

Form yang simpan data ke database

50-65 min

User registration & login

65-80 min

Dashboard — data display, filter, sort

80-90 min

RLS (Row Level Security) — pengenalan

Guided Questions

Guided Question

Pikirin app yang kamu pakai tiap hari. Data apa aja yang mereka simpan tentang kamu? Gimana data itu saling berhubungan?

Tulis jawabanmu di Obsidian vault.

Guided Question

Appetite — untuk proyek bootcamp, berapa jam per minggu yang realistis? Fitur mana yang worth waktu itu?

Tulis jawabanmu di Obsidian vault.

Guided Question

Safety — Bayangin kamu nggak sengaja hapus semua data user. Apa yang terjadi? Gimana cara recover?

Tulis jawabanmu di Obsidian vault.

Post-work

Progress0/2

Output: MVP Stage 1 complete. End-to-end data flow works. Database safety consciousness ditanamkan.