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.
17m bacaanKuis WajibMicro Badge Lesson
"Tur Kantor" Supabase: Ngintip Fitur-Fitur Keren di Dashboard-mu!
Udah berhasil bikin proyek Supabase pertamamu? Selamat! Sekarang, kamu punya "dapur backend" canggih yang siap dipake. Tapi, sebelum kita mulai masak-masak (baca: ngoding interaksi), ada baiknya kita "tur keliling" dulu di Dashboard Proyek Supabase-mu.
Dashboard ini adalah pusat kendalimu buat ngatur semua aspek proyek Supabase-mu, dari ngelola tabel database, ngatur user, sampe liat dokumentasi API yang udah otomatis dibikinin buatmu!
Kamu bakal dibawa ke halaman daftar organisasimu. Klik organisasi tempat proyekmu berada.
Terus, klik nama proyek yang udah kamu bikin (misalnya, toko-kue-online yang kita buat untuk studi kasus).
Taraa! Sekarang kamu ada di halaman utama (Overview) dashboard proyek Supabase-mu.
Yuk, kita liat beberapa menu penting di sidebar kiri yang bakal sering kamu kunjungi:
1. Table Editor (Editor Tabel - Ikon Tabel 📊)
Ini salah satu tempat yang paling sering kamu pake, apalagi pas awal-awal ngerancang database untuk Toko Kue kita.
Fungsinya:
Melihat semua tabel yang ada di database PostgreSQL-mu.
Membuat tabel baru secara visual (tanpa nulis SQL CREATE TABLE manual). Kamu bisa nentuin nama kolom, tipe datanya, apakah boleh null, nilai default, bahkan relasi dasar.
Melihat dan mengedit data yang ada di dalem tabel (mirip kayak di Prisma Studio atau spreadsheet).
Mengatur Row Level Security (RLS) buat tabel tertentu. (Ini fitur keamanan penting, nanti kita singgung).
Buat Toko Kue Kita: Nanti kita bisa pake Table Editor ini buat bikin tabel Kue, Pesanan, dan DetailPesanan.
2. SQL Editor (Editor SQL - Ikon </>)
Kalau kamu lebih suka "ngomong" langsung sama database pake bahasa SQL, atau butuh ngejalanin query SQL yang lebih kompleks, ini tempatnya.
Fungsinya:
Menulis dan menjalankan query SQL apa pun langsung ke database PostgreSQL-mu.
Bisa buat SELECT, INSERT, UPDATE, DELETE, CREATE TABLE, ALTER TABLE, dll.
Ada fitur buat nyimpen query yang sering dipake (Saved Queries).
Nampilin hasil query dalam bentuk tabel.
Penting: Kalau kamu nanti memutuskan pake Prisma Migrate buat ngelola skema, sebisa mungkin hindari ngubah struktur tabel (kayak ALTER TABLE) manual lewat SQL Editor ini, karena bisa bikin skema Prisma-mu jadi gak sinkron. Pake SQL Editor lebih buat query SELECT data atau operasi data yang gak ngubah struktur jika skema dikelola alat lain.
3. Authentication (Autentikasi - Ikon Kunci 🔑 atau Perisai)
Ini markasnya buat ngatur semua yang berhubungan sama login dan manajemen pengguna untuk pelanggan Toko Kue kita.
Fungsinya:
Melihat daftar pengguna (Users) yang udah daftar di aplikasimu.
Mengatur Penyedia (Providers): Ngaktifin atau nonaktifin metode login apa aja yang mau kamu dukung (Email/Password, Google, GitHub, Facebook, dll.).
Mengatur Template Email: Ngustomisasi email yang dikirim ke pengguna (misal, buat konfirmasi akun, reset password).
Melihat Log Autentikasi.
Konfigurasi keamanan autentikasi lainnya (misal, Redirect URLs, MFA).
Buat Toko Kue Kita: Nanti kita bakal ke sini buat ngaktifin provider Email/Password dan mungkin Google Sign-In.
Luangin waktu buat ngeklik-ngeklik menu di sidebar kiri dan liat apa aja yang ada di tiap bagian. Gak perlu langsung ngerti semua, tapi setidaknya kamu tau di mana nyari apa.
Dashboard Supabase ini dirancang biar gampang dipake. Dengan Table Editor, SQL Editor, pengaturan Auth, Storage, dan terutama dokumentasi API yang udah jadi, kamu punya "kokpit" yang lengkap buat ngelola semua aspek backend aplikasi Toko Kue kita.
Di bagian selanjutnya, kita bakal fokus nyiapin Supabase Client di proyek Next.js kita biar bisa mulai "ngobrol" sama "dapur" Supabase ini dari kode frontend!
Checkpoint KuisTarget: 70%
Kuis Dashboard Supabase
Kuis ini wajib untuk sertifikat. Kamu tetap bisa lanjut ke pelajaran berikutnya dan mengerjakannya nanti.
