Lesson 1
Supabase: Backend Instan?
Kenalan sama Supabase, platform Backend as a Service (BaaS) open-source yang super keren! Pahami fitur utamanya dan bagaimana Supabase bisa jadi 'dapur' canggih buat aplikasi Toko Kue Online kita (atau proyek web lainnya).
Lesson 2
Kuis: Belum dikerjakanBikin Proyek Supabase
Mulai petualangan Supabase-mu! Panduan praktis cara mendaftar akun di Supabase, membuat organisasi, dan menginisialisasi proyek backend baru lengkap dengan database PostgreSQL untuk aplikasi contoh kita.
Lesson 3
Kuis: Belum dikerjakanDashboard Supabase: Tur Singkat
Jangan bingung di markas Supabase! Kenali bagian-bagian penting di dashboard proyek Supabase Anda, seperti Table Editor, SQL Editor, Autentikasi, Storage, dan di mana menemukan API docs & keys.
Lesson 4
Kuis: Belum dikerjakanSetup Supabase Client (JS/TS)
Saatnya hubungkan frontend Next.js-mu dengan backend Supabase! Pelajari cara menginstal package `@supabase/supabase-js` dan menginisialisasi Supabase client menggunakan Project URL dan Anon Key dengan aman.
Lesson 5
Kuis: Belum dikerjakanDesain Tabel Produk Kue di Supabase
Saatnya mengisi 'dapur' Supabase kita! Pelajari cara mendefinisikan dan membuat tabel untuk produk kue (dan data terkait lainnya) di database PostgreSQL Supabase menggunakan Table Editor visual atau SQL Editor.
Lesson 6
Kuis: Belum dikerjakanCRUD dengan Supabase JS Client
Saatnya 'ngobrol' dengan database Supabase dari kodemu! Pelajari cara melakukan operasi CRUD (Create, Read, Update, Delete) menggunakan Supabase JS Client (`@supabase/supabase-js`) dengan contoh query yang jelas.
Lesson 7
Kuis: Belum dikerjakanPrisma ORM dengan Supabase DB
Sudah kenal Prisma? Pelajari cara mengintegrasikan Prisma ORM dengan database PostgreSQL Supabase Anda. Mulai dari konfigurasi, introspeksi skema (`db pull`), hingga melakukan query dengan Prisma Client.
Lesson 8
Kuis: Belum dikerjakanPengenalan Supabase Auth & Setup
Amankan aplikasimu dan kenali penggunamu! Pelajari apa itu Supabase Auth, mengapa autentikasi penting, dan cara mengaktifkan serta mengkonfigurasi provider login dasar (seperti Email/Password) di dashboard Supabase.
Lesson 9
Kuis: Belum dikerjakanToko Kue: Halaman Login & Registrasi (Supabase Auth)
Bikin pintu masuk untuk pelanggan Toko Kue-mu! Pelajari cara membangun komponen dan halaman untuk registrasi (sign up) dan login (sign in) pengguna menggunakan fitur Supabase Auth dan Supabase JS Client di aplikasi Next.js.
Lesson 10
Kuis: Belum dikerjakanToko Kue: Proteksi Halaman & Info User (Supabase Auth)
Jaga halaman pentingmu hanya untuk member! Pelajari cara melindungi rute di Next.js agar hanya bisa diakses oleh pengguna yang sudah login, dan cara menampilkan informasi pengguna (seperti email) menggunakan Supabase Auth.
Lesson 11
Kuis: Belum dikerjakanToko Kue: Simpan Pesanan ke Database
Transaksi berhasil! Pelajari cara mendesain tabel 'Pesanan' dan 'DetailPesanan' di Supabase, lalu membuat API Route atau Server Action di Next.js untuk menyimpan informasi pesanan (item keranjang, data pengguna) ke database.
Lesson 12
Kuis: Belum dikerjakanSupabase Storage (Upload File)
Simpan aset digitalmu dengan aman! Pelajari cara menggunakan Supabase Storage untuk mengunggah, menyimpan, dan menyajikan file seperti gambar produk kue Anda secara efisien dan aman.
Lesson 13
Kuis: Belum dikerjakanFitur Supabase: Realtime & Edge Functions (Sekilas)
Intip kekuatan lebih lanjut dari Supabase! Pengenalan konsep dasar Real-time Subscriptions untuk data yang update otomatis, dan Edge Functions untuk menjalankan logika backend kustom secara serverless.
Lesson 14
Penutup Supabase & Ekosistem
Kamu berhasil! Rangkuman perjalanan belajar dasar-dasar Supabase, menekankan manfaatnya sebagai BaaS, dan bagaimana Supabase + Next.js (+ Prisma) menjadi stack yang powerful untuk proyek web modern.
Module ini digunakan dalam 1 course. Progress, quiz akhir, dan sertifikat dikelola melalui course terkait.