Skip to main content

Source: ocean/docs/SUPABASE_PRODUCTION_SETUP.md | ✏️ Edit on GitHub

Supabase Production Setup

Important: Update Your Supabase Dashboard​

1. Add Production Redirect URLs​

Go to: https://supabase.com/dashboard/project/fldiayolmgphysdwgsuk/auth/url-configuration

Add these URLs to the "Redirect URLs" section:

  • https://ocean-goldfish.vercel.app
  • https://ocean-goldfish.vercel.app/auth/callback

2. Update Site URL (Optional)​

If you want the production site as default:

  • Change "Site URL" to: https://ocean-goldfish.vercel.app

3. Current Auth Flow​

Since we're using passwordless OTP:

  1. User enters email
  2. Receives 6-digit code via email
  3. Enters code on verification page
  4. Gets authenticated without redirects

The /auth/callback route is there as a fallback if Supabase ever sends tokens via URL.

Vercel Deployment​

Your app is configured for Vercel deployment with:

  • SPA routing support (all routes go to index.html)
  • Proper build commands
  • TypeScript checking

Environment Variables on Vercel​

Make sure these are set in your Vercel project settings:

VITE_SUPABASE_URL=https://fldiayolmgphysdwgsuk.supabase.co
VITE_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6ImZsZGlheW9sbWdwaHlzZHdnc3VrIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTM1NDI2MDMsImV4cCI6MjA2OTExODYwM30.7zQozCN9mXb1RFYjAY7TloIIngtn_-3bw3RL8MbLems

Testing Production​

  1. Visit: https://ocean-goldfish.vercel.app
  2. Sign up with: ryan+prod1@goldfish.io (or similar)
  3. Check email for OTP code
  4. Verify and access dashboard