Supabase 배워서 어디에 쓸까?

Supabase로 가장 작은 todo 앱을 만들어줘.
테이블 생성 + CRUD + 인증 한 페이지.

RLS로 'A 사용자는 자신의 글만 수정 가능' 정책을 만들고 싶어.
정책 SQL + 테스트 쿼리.

Next.js + Supabase로 SaaS 풀스택 아키텍처.
Server Components + RLS + Realtime + Edge + Stripe.

// Supabase 레벨별 데모
import { createClient } from '@supabase/supabase-js';
const supabase = createClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!);

// 🟢 레벨 1: CRUD + 인증
const { data: posts } = await supabase.from('posts').select('*').eq('published', true).order('created_at', { ascending: false }).limit(20);
await supabase.auth.signInWithPassword({ email: 'a@b.com', password: 'xxx' });

// 🟡 레벨 2: RLS 정책 (SQL)
// CREATE POLICY "users edit own posts" ON posts FOR UPDATE
// USING (auth.uid() = user_id) WITH CHECK (auth.uid() = user_id);

await supabase.storage.from('avatars').upload('user/1.png', file);

// 🔵 레벨 3: 실시간 구독
supabase.channel('chat')
  .on('postgres_changes', { event: 'INSERT', schema: 'public', table: 'messages' }, (payload) => console.log(payload.new))
  .subscribe();

// 🟣 레벨 4: Edge Function 호출
const { data } = await supabase.functions.invoke('generate-summary', { body: { text: 'long text' } });