"Buka Gerai" Supabase: Bikin Akun & Proyek Pertamamu!

Udah semangat mau pake Supabase buat jadi "dapur" backend aplikasi Toko Kue kita (atau proyek lainnya)? Keren! Langkah pertama yang paling penting adalah bikin akun di Supabase dan ngesetup proyek barumu.

Tenang, prosesnya gampang dan cepet kok, dan kamu bisa mulai dengan paket gratis mereka!

Langkah 1: Daftar Akun di Supabase

Kalau kamu belum punya akun Supabase, yuk kita bikin dulu:

1. Kunjungi Website Supabase: Buka browser web favoritmu dan pergi ke supabase.com.

2. Mulai Pendaftaran: Di halaman utama, cari tombol "Start your project" atau "Sign up". Klik tombol itu.

   

3. Pilih Metode Pendaftaran: Supabase biasanya nawarin beberapa cara buat daftar:

   • Dengan Akun GitHub (Direkomendasikan!): Ini cara yang paling gampang dan cepet, apalagi kalau kamu udah punya akun GitHub. Tinggal klik "Continue with GitHub" dan ikutin proses otorisasi.
   • Dengan Akun Google atau Provider Lain: Mungkin ada opsi lain juga.
   • Dengan Email dan Password: Kamu juga bisa daftar pake email dan bikin password baru khusus buat Supabase.

   Pilih metode yang paling nyaman buatmu. Menggunakan akun GitHub seringkali mempermudah integrasi proyek nanti.

4. Selesaikan Proses Pendaftaran: Ikutin semua langkah yang diminta, mungkin ada verifikasi email atau persetujuan syarat dan ketentuan.

Setelah selesai, kamu bakal masuk ke Dashboard Supabase-mu. Selamat, kamu udah punya akun Supabase!

Langkah 2: Membuat Organisasi Baru (Jika Perlu)

Di Supabase, proyek-proyekmu itu dikelompokin di dalem Organisasi. Kalau ini pertama kalinya kamu pake Supabase, kamu mungkin bakal langsung disuruh bikin organisasi baru, atau kamu bisa nemuin opsinya di dashboard.

1. Biasanya ada tombol New organization atau sejenisnya.
2. Kasih Nama Organisasi-mu (misalnya, "ProyekBelajarBudi", "MahirDevLabs", atau namamu sendiri).
3. Pilih Pricing Plan. Buat belajar dan proyek kecil, pilih yang Free (Gratis). Paket gratis ini udah powerful banget buat mulai!
4. Klik "Create organization".

Langkah 3: Membuat Proyek Baru di Supabase

Setelah punya organisasi, sekarang saatnya kita bikin proyek backend buat aplikasi Toko Kue kita! Tiap proyek di Supabase itu udah dapet:

• Database PostgreSQL sendiri.
• API otomatis.
• Sistem Autentikasi.
• Penyimpanan File (Storage).
• Dan banyak lagi!

Cara Bikin Proyek Baru:

1. Di dashboard organisasimu, klik tombol New project.

2. Pilih Organisasi: Pastikan organisasi yang bener udah kepilih.

3. Isi Detail Proyek:

   • Name (Nama Proyek): Kasih nama proyekmu, misalnya toko-kue-online atau mahirdev-tokokue. Nama ini bakal jadi bagian dari URL subdomain proyekmu nanti.
   • Database Password: Bikin password yang kuat dan aman buat databasemu. CATAT PASSWORD INI BAIK-BAIK DAN SIMPEN DI TEMPAT AMAN! Kamu bakal butuh ini kalau mau konek langsung ke database PostgreSQL-nya pake tool lain (meskipun buat interaksi via Supabase JS Client atau Prisma, password ini tidak langsung dipakai di kode frontend).
     • Supabase biasanya ngasih opsi "Generate a password". Pake itu aja biar dapet password yang kuat.
   • Region (Wilayah Server): Pilih wilayah server (data center) yang lokasinya paling deket sama target pengguna aplikasimu, atau paling deket sama kamu buat development. Ini bisa ngaruh ke kecepatan akses data. Buat Indonesia, pilihan kayak "Southeast Asia (Singapore)" atau sekitarnya biasanya oke.
   • Pricing Plan: Pastikan masih kepilih yang Free buat proyek ini.

4. Klik Create new project: Supabase bakal mulai nyiapin semua infrastruktur backend buat proyekmu. Proses ini biasanya butuh beberapa menit. Sabar ya, lagi "masak" dapurnya!

Langkah 4: Mengenal Kunci API Proyekmu

Setelah proyekmu berhasil dibuat, kamu bakal dibawa ke dashboard proyek itu. Ada dua jenis "kunci" (API Keys) penting yang perlu kamu tau buat ngakses proyek Supabase-mu dari aplikasi frontend (Next.js kita nanti):

1. Project URL (URL Proyek): Ini alamat unik buat proyek Supabase-mu, biasanya formatnya https://<id_proyek_unik>.supabase.co.
2. API Keys:
   • anon (public) key: Kunci ini aman buat dipake di sisi klien (frontend/browser). Dia ngasih akses ke API Supabase-mu dengan ngikutin aturan Row Level Security (RLS) yang kamu set di database.
   • service_role (secret) key: Kunci ini SANGAT RAHASIA dan JANGAN PERNAH dipake di sisi klien! Kunci ini punya hak akses penuh ke databasemu, ngelangkahin semua aturan RLS. Biasanya cuma dipake di backend server yang aman (misal, di Next.js API Routes atau Edge Functions jika ada operasi yang butuh privilese tinggi) atau buat skrip administrasi.

Cara Nemuin Kunci API:

1. Di dashboard proyek Supabase-mu.

2. Cari menu Settings (biasanya ikon gerigi ⚙️) di sidebar kiri.

3. Pilih bagian API.

4. Di situ kamu bakal liat Project URL dan dua kunci di bawah "Project API Keys": anon (public) dan service_role (secret).

   

   PENTING:

• Buat aplikasi Next.js kita yang bakal ngobrol sama Supabase dari sisi klien (atau Server Components yang aman menggunakan anon key), kita bakal pake Project URL dan anon (public) key.
• Simpen dua info ini baik-baik. Cara paling aman nyimpennya di proyek Next.js adalah pake Environment Variables (di file .env.local yang gak di-commit ke Git), seperti yang akan kita bahas di materi setup client.

Hore! "Dapur" backend buat Toko Kue kita (atau proyek apa pun yang kamu buat) udah berhasil disiapin di Supabase! Kita udah punya database PostgreSQL yang siap diisi, sistem autentikasi yang nunggu diaktifin, dan kunci-kunci buat ngaksesnya.

Ini adalah langkah awal yang krusial. Di bagian selanjutnya, kita bakal "tur keliling" Dashboard Supabase biar makin akrab sama semua alat yang disediain buat ngelola "dapur" kita.