Supabase provides authentication, database interaction, and server-side logic — all pre-wired in the Unoff template.

Quick Setup

To enable Supabase in your project, you only need two things:

1. Set isSupabaseEnabled: true in global.config.ts
2. Add these two variables to your .env.local file:

VITE_SUPABASE_URL=https://xxxxx.supabase.co
VITE_SUPABASE_PUBLIC_ANON_KEY=your-supabase-anon-key

That's it — the template handles the rest (client initialization, session management, auth state).

Step 1 — Create a Supabase project

1. Go to supabase.com and create a new project
2. Copy your Project URL and Anon Key from Settings → API
3. Paste them into your .env.local file (see above)

Step 2 — Configure authentication providers

In your Supabase dashboard, navigate to Authentication → Providers and enable the sign-in methods you want:

• Email / Password — the simplest option, works out of the box in Figma's iframe
• Magic Link — passwordless login via email
• OAuth (Google, GitHub, etc.) — requires additional setup (see below)