LearnNext
Back to Dashboard

Supabase Ecosystem

Membangun aplikasi full-stack dengan cepat menggunakan Firebase alternative berbasis PostgreSQL.

1. PostgreSQL Database

Supabase memberikan database Postgres lengkap dengan API RESTful yang langsung jadi tanpa perlu menulis backend.

lib/supabase.ts
import { createClient } from '@supabase/supabase-js'

const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!
const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!

export const supabase = createClient(supabaseUrl, supabaseAnonKey)

Interactive Demo: Realtime Updates

Simulasi bagaimana Supabase Broadcast bekerja untuk komunikasi antar client secara instan.

Realtime Channel

No active signals...

Live Sync

Supabase menggunakan WebSockets di bawah kap untuk sinkronisasi data antar device dalam waktu kurang dari 100ms.

CLI Command:

npx supabase init

2. Authentication & RLS

Row Level Security (RLS) adalah fitur terkuat Supabase. Anda bisa membatasi akses data langsung di level database berdasarkan user yang login.

supabase/policy.sql
-- Buat policy: Hanya pemilik data yang bisa melihat datanya sendiri
CREATE POLICY "Users can view their own data"
ON profiles FOR SELECT
USING (auth.uid() = id);

Server-Side Supabase

Next.js App Router mendukung Supabase di Server Components dan Route Handlers. Gunakan @supabase/ssr untuk integrasi yang seamless dengan Cookies.