Dasar Supabase (Backend as a Service)
Bangun backend cepat dengan Supabase: database, auth, storage, dll.
Mulai Belajar Modul Ini
Panduan & Referensi
Belajar Dasar Supabase (Backend as a Service) melalui serangkaian panduan dan referensi yang lengkap serta contoh contoh yang bisa langsung diikuti oleh pemula.
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).
Bikin 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.
Dashboard 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.
Setup 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.
Desain 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.
CRUD 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.
Prisma 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.
Pengenalan 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.
Toko 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.
Toko 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.
Toko 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.
Supabase 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.
Fitur 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.
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.