supabase-architecture-variants
Gotowe wzory architektur Supabase dla Next.js, React, mobilnych i wielodostępowych aplikacji
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do wyboru i wdrażania sprawdzonych architektur Supabase dla różnych skalowań. Zawiera produkcyjne wzory dla Next.js SSR (komponenty serwera z service_role, komponenty klienta z anon key), aplikacji SPA (React/Vue), mobilnych (React Native), serverless (Edge Functions) i wielodostępowych (izolacja RLS lub schema-per-tenant). Użyj przy projektowaniu nowych integracji Supabase, wyborze między monolitem a mikroserwisami, lub planowaniu ścieżek migracji.
Jak używać
Zainstaluj wymagane pakiety: @supabase/supabase-js w wersji 2+ oraz @supabase/ssr w wersji 0.5+ (dla Next.js SSR). Upewnij się, że masz dostęp do URL projektu Supabase, klucza anonimowego i klucza service_role.
Wygeneruj typy TypeScript dla bazy danych poleceniem supabase gen types typescript, aby uzyskać pełną kontrolę typów w kodzie.
Wyzwól skill frazami takimi jak "supabase next.js", "supabase SSR", "supabase react native", "supabase SPA", "supabase serverless", "supabase multi-tenant" lub "supabase architecture", aby otrzymać wzór odpowiadający Twojemu stackowi.
Skill dostarczy konfigurację createClient z prawidłowym kluczem (service_role dla serwera, anon dla klienta) i wzorem inicjalizacji dla wybranej architektury.
Dla Next.js SSR skonfiguruj osobne klienty: server components z service_role (pomija RLS) i client components z anon key (respektuje RLS). Dla mobilnych aplikacji ustaw deep link auth flow zgodnie z wzorem.
W przypadku aplikacji wielodostępowych wybierz izolację danych: RLS (Row Level Security) dla dynamicznego dostępu lub schema-per-tenant dla pełnej separacji. Skill pokaże konfigurację dla obu podejść.