Supabase Development Guidelines

Cel

Kompleksowy przewodnik dla pracy z Supabase w aplikacjach Vite SPA - autentykacja, baza danych, RLS policies, Edge Functions i bezpieczeństwo.

Kiedy Używać Tego Skilla

• Praca z autentykacją (login, rejestracja, OAuth)
• Tworzenie lub modyfikacja tabel bazy danych
• Pisanie RLS policies
• Tworzenie Edge Functions
• Migracje bazy danych
• Bezpieczeństwo i audit logging

Quick Start

Checklist Nowej Tabeli

• Utwórz tabelę w migracji SQL
• Włącz RLS: ALTER TABLE tablename ENABLE ROW LEVEL SECURITY
• Zdefiniuj RLS policies dla SELECT, INSERT, UPDATE, DELETE
• Używaj (SELECT auth.uid()) w policies (nie email) — subquery dla wydajności
• Dodaj indeksy dla często używanych kolumn
• Wygeneruj typy: supabase gen types --lang typescript --local > src/types/database.ts
• Utwórz funkcje API w lib/supabase.ts

Checklist Edge Function

• Utwórz katalog supabase/functions/function-name/
• export default { fetch: withSupabase({ auth }, handler) } z npm:@supabase/server@^1 (nie Deno.serve())
• Importy: npm:@supabase/supabase-js@2, npm:stripe@22
• Tryb auth per funkcja: 'user' (JWT), 'secret' (cron/pg_net), 'publishable' (przed logowaniem), 'none' (webhook zewnętrzny)
• verify_jwt = false w supabase/config.toml dla trybów innych niż 'user'
• CORS załatwia wrapper (cors: 'disabled' dla webhooków) — bez _shared/cors.ts
• Loguj błędy (bez wrażliwych danych)
• Przetestuj lokalnie: supabase functions serve
• Deploy: supabase functions deploy function-name

Checklist Bezpieczeństwa

• RLS włączony na każdej tabeli
• UUID (auth.uid()) w policies, nie email
• Audit log bez INSERT policy dla authenticated (tylko triggers/SECURITY DEFINER)
• SET search_path = '' (pusty) + w pełni kwalifikowane nazwy (public.tabela) w każdej funkcji SECURITY DEFINER
• Email enumeration protection włączone w Dashboard

Klient Supabase

Typed Client (Standard 2026)

// lib/supabase.ts
import { createClient } from '@supabase/supabase-js';
import type { Database } from '@/types/database';

// Publishable key (sb_publishable_...) — bezpieczny do ujawnienia, podlega RLS.
// Legacy anon/service_role (JWT) będą wycofane do końca 2026 — nowe projekty
// używają publishable/secret keys (docs: guides/api/api-keys).
export const supabase = createClient(
    import.meta.env.VITE_SUPABASE_URL,
    import.meta.env.VITE_SUPABASE_PUBLISHABLE_KEY,
    // Domyślny flowType to 'implicit' — dla OAuth/magic link ustaw PKCE jawnie
    { auth: { flowType: 'pkce' } }
);

// Helper types
export type Tables<T extends keyof Database['public']['Tables']> =
    Database['public']['Tables'][T]['Row'];
export type InsertTables<T extends keyof Database['public']['Tables']> =
    Database['public']['Tables'][T]['Insert'];
export type UpdateTables<T extends keyof Database['public']['Tables']> =
    Database['public']['Tables'][T]['Update'];

Generowanie Typów

# Z lokalnej bazy
supabase gen types --lang typescript --local > src/types/database.ts

# Z produkcji (pozycyjne `typescript` to stara forma — używaj --lang)
supabase gen types --lang typescript --project-id YOUR_PROJECT_ID > src/types/database.ts

Podstawowe Operacje

// SELECT
const { data, error } = await supabase
    .from('posts')
    .select('*')
    .eq('published', true)
    .order('created_at', { ascending: false });

// INSERT
const { data, error } = await supabase
    .from('posts')
    .insert({ title, content, user_id: userId });

// UPDATE
const { data, error } = await supabase
    .from('profiles')
    .update({ display_name: newName })
    .eq('id', userId);

// DELETE
const { data, error } = await supabase
    .from('bookmarks')
    .delete()
    .eq('user_id', userId)
    .eq('post_id', postId);

// RPC (wywołanie funkcji PostgreSQL)
const { data, error } = await supabase.rpc('ensure_user_profile');

Topic Guides

Autentykacja

Dostępne metody:

• OAuth (Google, Facebook, GitHub, Discord, etc.)
• Email/hasło

Kluczowe Koncepcje:

• Domyślny flowType w createClient to implicit — PKCE włącz jawnie: { auth: { flowType: 'pkce' } } (@supabase/ssr ma PKCE skonfigurowane); detectSessionInUrl: true domyślnie — nie wymieniaj code ręcznie w przeglądarce
• Hook useAuth() zarządza sesją
• Trigger handlenewuser() tworzy rekord w public.profiles
• Funkcja ensureuserprofile() jako fallback
• getSession() dla UI, getUser() lub getClaims() dla krytycznych operacji

[Pełny Przewodnik: resources/auth-patterns.md](resources/auth-patterns.md)

Baza Danych i RLS

Wzorcowe Tabele:

• profiles - dane użytkowników (1:1 z auth.users)
• posts - treści z własnością użytkownika
• comments - relacje do postów i użytkowników
• bookmarks - relacja many-to-many
• audit_log - logowanie krytycznych operacji (write-only)

RLS Patterns:

• Public read: USING (true)
• Own data: USING ((SELECT auth.uid()) = user_id)
• Conditional: USING (published = true OR (SELECT auth.uid()) = user_id)
• Service only: brak policies (tylko service_role)

[Pełny Przewodnik: resources/database-patterns.md](resources/database-patterns.md)

Edge Functions

Typowe Zastosowania:

• Stripe Checkout / Webhooks
• Integracje z zewnętrznymi API
• Operacje wymagające service_role

Wzorce 2026:

• export default { fetch: withSupabase({ auth: 'user' }, async (req, ctx) => {...}) } z npm:@supabase/server@^1 — ctx.supabase (RLS) / ctx.supabaseAdmin; Deno.serve() to legacy, które nadal działa, ale Supabase go już nie zaleca
• npm:@supabase/supabase-js@2 (nie jsr:/esm.sh) — tylko gdy potrzebny klient poza ctx
• npm:stripe@22 (nie esm.sh)
• constructEventAsync dla Stripe webhooks
• Runtime: Deno 2.x (upgrade z 1.45.2)
• deno.json preferowany nad import maps

[Pełny Przewodnik: resources/edge-functions.md](resources/edge-functions.md)

Bezpieczeństwo

Kluczowe Wzorce:

• RLS dla izolacji danych
• UUID w policies (nie email - email jest mutowalny)
• SECURITY DEFINER dla uprawnionych operacji
• Audit log izolowany (bez INSERT dla authenticated)
• Logowanie przez triggers lub SECURITY DEFINER functions

[Pełny Przewodnik: resources/security.md](resources/security.md)

Realtime (Opcjonalnie)

Użycie:

• Subscriptions dla zmian w tabelach
• Presence dla statusu użytkowników
• Broadcast dla custom events

Bezpieczeństwo: kanały prywatne (config: { private: true }) działają dopiero po wyłączeniu „Allow public access" w Realtime Settings (/dashboard/project/_/realtime/settings). Dopóki jest włączone, RLS na realtime.messages nie jest wymuszane przy joinie.

[Pełny Przewodnik: resources/realtime.md](resources/realtime.md)

Navigation Guide

Główne Zasady

1. RLS Zawsze Włączony: Każda tabela musi mieć RLS
2. UUID w Policies: auth.uid() = user_id, nigdy email
3. Generated Types: supabase gen types po każdej migracji
4. SECURITY DEFINER Ostrożnie: Zawsze SET search_path = '' (pusty) + w pełni kwalifikowane nazwy (public.tabela)
5. Service Role Tylko w Edge Functions: Nigdy nie eksponuj na froncie
6. Audit Log Izolowany: Wpisy tylko przez triggers/SECURITY DEFINER
7. Logger dla Błędów: logger.error() zamiast console.error()

Zmienne Środowiskowe

Frontend (.env.local)

VITE_SUPABASE_URL=your_supabase_url
VITE_SUPABASE_PUBLISHABLE_KEY=sb_publishable_...   # legacy: VITE_SUPABASE_ANON_KEY (wycofywany do końca 2026)

Edge Functions

# Wstrzykiwane automatycznie (withSupabase czyta je sam):
SUPABASE_URL=...
SUPABASE_PUBLISHABLE_KEYS={"default":"sb_publishable_..."}
SUPABASE_SECRET_KEYS={"default":"sb_secret_..."}   # legacy: SUPABASE_SERVICE_ROLE_KEY; NIGDY nie commituj!
# Własne secrets (supabase secrets set):
STRIPE_SECRET_KEY=...          # NIGDY nie commituj!
STRIPE_WEBHOOK_SECRET=...      # NIGDY nie commituj!

Częste Błędy

Unikaj

// ❌ Service role na froncie
const supabase = createClient(url, SERVICE_ROLE_KEY);

// ❌ Email w RLS policy
USING (user_email = auth.email())  // Email może się zmienić!

// ❌ Brak typów
const { data } = await supabase.from('posts').select('*');  // data: any

// ❌ console.error w produkcji
console.error('DB error:', error);  // Wycieka info o strukturze DB

// ❌ Stary import w Edge Functions
import { serve } from 'https://deno.land/[email protected]/http/server.ts';

// ❌ getSession() do autoryzacji server-side
const { data: { session } } = await supabase.auth.getSession();
if (session) { /* autoryzacja */ }  // Token nie jest zweryfikowany!

Preferuj

// ✅ Publishable key na froncie (sb_publishable_...; legacy anon key działa do końca 2026)
const supabase = createClient(url, PUBLISHABLE_KEY);

// ✅ UUID w RLS policy
USING (auth.uid() = user_id)  // UUID jest immutable

// ✅ Typed queries
const { data } = await supabase.from('posts').select('*');  // data: Tables[]

// ✅ Production-safe logger
logger.error('Błąd operacji', error);

// ✅ Nowy standard Edge Functions (Deno.serve = legacy, nadal działa)
export default {
    fetch: withSupabase({ auth: 'user' }, async (req, ctx) => { ... }),
};

// ✅ getUser() lub getClaims() do autoryzacji
const { data: { user } } = await supabase.auth.getUser();
if (user) { /* autoryzacja */ }

Status Skilla: Modułowa struktura z progressive loading dla optymalnego zarządzania kontekstem. Zaktualizowany do standardów Sierpień 2026 (withSupabase, publishable/secret keys).