Step 1: Initial Supabase Config

  1. 1. Go to Authentication ⇒ Providers
  2. 2. Enable Sign in with Google
Enable Google Sign In

Step 2: Configure OAuth Screen

  1. 1. Get the Client ID, Client Secret from https://console.cloud.google.com/
  2. 2. First create a new project
Create New Project
  1. 3. Click APIs & Services
APIs & Services
  1. 4. Configure Consent Screen
Configure Consent Screen
  1. 5. Fill out the necessary information, but before to fill out the Authorized domain 1 with Callback URL (for OAuth) (shown in image)
Authorized Domain Configuration
  1. 6. Complete the configuration process using the details specific to your application, ensuring all required fields are accurately filled

Step 3: Create OAuth Keys

  1. 1. Create OAuth Credentials
    • • Click Credentials ⇒ + Create Credentials
Create OAuth Credentials
  1. 2. OAuth Client ID
OAuth Client ID
  1. 3. Click Application Type: Web application
Web Application Type
  1. 4. Add redirect URI from Supabase. Get the Callback URL from Supabase and insert it into Google's configuration (attached)
Supabase Callback URL
Add Redirect URI
  • 5. Get the resulting Client ID and Client secret and add it to Supabase
Google Client ID and Secret
Supabase Google Configuration