Phase 6: Supabase Dashboard Configuration
What is Phase 6?
Phase 6 configures your Supabase dashboard settings to enable production authentication. This is required for signup to work in production.
Most of this phase happens in the Supabase Dashboard, not in code.
Step 1: Get Your Deployment URLs
First, you need to know your deployment URLs:
Development:
http://localhost:3000✅ Already allowed by default
Production (Vercel):
https://your-project.vercel.app⚠️ Replace with your actual Vercel URL
Custom Domain (if you have one):
https://yourdomain.comOptional - only if using a custom domain
💡 Tip: If you have not deployed yet, deploy first to get your Vercel URL, then come back to configure Supabase.
Step 2: Configure Redirect URLs (REQUIRED)
- Open Supabase Dashboard
- Navigate to URL Configuration
Click: Authentication → URL Configuration
- Add Site URL
Set to your production URL:
https://your-project.vercel.app - Add Redirect URLs
Add these URLs (one per line):
http://localhost:3000/**https://your-project.vercel.app/**# If custom domain:https://yourdomain.com/**The
/**allows all paths under that domain - Save Changes
Click the Save button at the bottom
✅ After this step: Email confirmation links will work in production!
Step 3: Optional Settings (Nice to Have)
📧 Customize Email Templates (Optional)
Location: Authentication → Email Templates
You can customize the look and content of confirmation emails, password reset emails, etc. The default templates work fine!
⚡ Disable Email Confirmation (Dev Only)
Location: Authentication → Providers → Email
Turn off "Enable email confirmations" for faster testing in development.
⚠️ Warning: Only disable in development! Production should always require email confirmation for security.
📬 Custom SMTP (Production)
Location: Project Settings → Auth → SMTP Settings
For production, use your own email service (SendGrid, Mailgun, etc.) instead of Supabase's default. This ensures better deliverability.
Step 4: Test Production Auth
- Deploy your app to Vercel
- Visit your production URL
- Click "Sign up" in the header
- Enter email and password
- Check your email for confirmation link
- Click the link - should redirect back to your production URL
- You should be logged in! ✅
💡 Tip: Test in an incognito/private window to ensure clean state
✅ Configuration Checklist
🎉 Phase 6: Configuration Guide
Follow the steps above to configure your Supabase dashboard.
Next: Phase 7 - Add protected pages and final integration!