Cloudflare

Create a Pages Project

1. Open the Cloudflare dashboard
2. Click Compute in the sidebar
3. Click Workers & Pages
4. Click Create Application
5. Click the Get started link under "Looking to deploy Pages?"
6. Click Import from existing Git repository
7. Select your GitHub account, then select your repository

Configure Build Settings and Environment Variables

• Framework preset: Nuxt.js
• Build command: npm run build
• Build output directory: dist

Under Environment Variables, add:

• SUPABASE_URL — from your .env
• SUPABASE_KEY — from your .env
• SUPABASE_SECRET_KEY — from your .env

Deploy

Click Save and Deploy. Every future push to master triggers a redeploy.

Secure Your Environment Variables

1. Open your Pages project in the Cloudflare dashboard
2. Go to Settings → Variables and Secrets
3. For each variable, click Edit, change the type from Text to Secret, and click Save

Update Supabase Auth URLs

1. Copy your production URL from the Cloudflare Pages dashboard (e.g. https://your-project.pages.dev)
2. In the Supabase dashboard → Authentication → URL Configuration:
   • Update the Site URL from http://localhost:3000 to your production URL
   • Add https://your-project.pages.dev/auth/callback to the Redirect URLs

Verify Production

1. Visit your production URL
2. Sign up with a new account
3. Complete the onboarding flow
4. Confirm the dashboard loads and the sidebar works
5. Push a small change to your repo and confirm Cloudflare auto-redeploys