Make sure you’ve completed the Quick Setup first, where you set up your Supabase project, API keys, and database tables.

Authentication Configuration

To enable magic link login:

  1. In your Supabase dashboard, configure the URL redirect settings:
    • Go to “Authentication” then “URL Configuration”
    • Add your site URL (use localhost for development or your production URL for live sites)
    • Add http://localhost:3000/* or your production URL as “Redirect URLs”

      Make sure to correctly configure your Redirect URLs in your Supabase Dashboard

By default, the codebase supports magic link and Google Auth. You can add more options through Supabase if needed.

You can find the relevant code sections under /app/auth/*, /app/components/auth/* and /app/api/auth/*.

Google Auth

To set up Google Auth:

  1. Configure settings in the Google Cloud Console
  2. Add the obtained keys to Supabase providers

Follow the steps under Google pre-built configuration in this link to get it ready.

After configuring authentication, your users should be able to sign in using either magic links or Google Auth!