docs
Features
google-oauth
Supabase

Setup

Step 1

Create a new project on Google Cloud

Step 2

Go to APIs & Services then Credentials

Step 3

Click [Configure Consent Screen]

Step 4

Fill info. Use the ChatGPT prompts in pages /tos & /privacy-policy to generate yours automatically. Add userinfo.email & userinfo.profile to scope. Add yourself as a test user. Submit.

Step 5

Go to Credentials and click [+ Create Credentials] then [Oauth Client ID]

Step 6

Choose [Web Application]. Add http://localhost:3000 (opens in a new tab) and https://your-project.supabase.co (opens in a new tab) to Authorized JavaScript origins. Add https://your-project.supabase.co/auth/v1/callback (opens in a new tab) to Authorized redirect URIs (if you're using a subdomain like www, make sure to add it too). Click [Create]

Step 7

Copy paste the Client ID in GOOGLE_ID and Client Secret in GOOGLE_SECRET to your Supabase dashboard (Authentication > Providers > Google)

Step 8

In Supabase, go to [Authentication] then [URL Configuration] and add http://localhost:3000 (opens in a new tab) to [Site URL]. Then add http://localhost:3000/ (opens in a new tab)* to [Redirect URLs].

Step 9

Go to [Oauth Consent Screen] and click [Publish App] then submit for verification. Click [Prepare for verification] and fill the missing information. Google will email you and you will have to reply to start the process. You'll need to have your domain verified with Google Search Console. You can go ahead and do that now. You can already login with Google on localhost. On production, it will work too but show a warning until you're verified (takes a few days).