Integrations
Supabase
Backend-as-a-service with auth, database, storage, and realtime. Supabase replaces the NestJS + Neon backend entirely — the AI generates Supabase client code directly in React.
How it works
When the Supabase connector is enabled, the AI Builder switches to frontend-only mode. Instead of generating a NestJS backend, it produces Supabase client code using @supabase/supabase-js directly in your React components. Auth, database queries, storage, and real-time subscriptions are all handled client-side through the Supabase SDK.
Key features
Database (PostgreSQL)
Full PostgreSQL database managed by Supabase. The AI generates typed queries, row-level security policies, and migrations directly from your prompt.
User Authentication
Email/password, magic link, and OAuth providers (Google, GitHub, etc.) out of the box. Rytora BuildLabs generates login/signup flows with session management.
File Storage
Upload, download, and manage files with Supabase Storage. The AI generates pre-signed URL handling and bucket policies.
Real-time Updates
Subscribe to database changes in real-time using Supabase Realtime channels. Perfect for chat apps, dashboards, and collaborative tools.
Edge Functions
Serverless TypeScript functions running on Deno at the edge. Rytora BuildLabs can generate edge function logic for custom server-side operations.
Setup
Enable the Supabase connector in Project Settings → Connectors. Add your Supabase credentials through the connector UI — credentials are encrypted and automatically injected as environment variables.
Connector fields
VITE_SUPABASE_URLhttps://xxx.supabase.coVITE_SUPABASE_ANON_KEYeyJhbGciOi...SUPABASE_SERVICE_ROLE_KEYeyJhbGciOi...Connector permissions
Each tool can be set to Always allow, Ask each time, or Never allow:
- - Read database
- - Modify database
- - Configure auth
- - Manage storage
Pro plan required
Supabase integration is available on the Pro plan. Enabling Supabase forces frontend-only mode — no NestJS backend is generated.