Step 1: Initial Supabase Config
- 1. Go to Authentication ⇒ Providers
- 2. Enable Sign in with Google
Step 2: Configure OAuth Screen
- 1. Get the Client ID, Client Secret from https://console.cloud.google.com/
- 2. First create a new project
- 3. Click APIs & Services
- 4. Configure Consent Screen
- 5. Fill out the necessary information, but before to fill out the Authorized domain 1 with Callback URL (for OAuth) (shown in image)
- 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. Create OAuth Credentials
- • Click Credentials ⇒ + Create Credentials
- 2. OAuth Client ID
- 3. Click Application Type: Web application
- 4. Add redirect URI from Supabase. Get the Callback URL from Supabase and insert it into Google's configuration (attached)
- 5. Get the resulting Client ID and Client secret and add it to Supabase