Skip to Content
ExtensionFast is $50 off with our Launch Deal! 🚀 Make sure to order today! 💛
AuthenticationUsing Supabase

🍀 Supabase Authentication

1. Set Up Supabase Authentication

Create a Supabase Project (if you haven’t already)

  1. Go to Supabase and create a new project (or use your existing project).
  2. Fill out your project name and database password (Make it a password you’ll remember).
  3. Click “Create new project”.
  1. In the Supabase Console, go to the left-hand side and click on Authentication.
Supabase auth getting started

2. Get your OAuth Client ID (Used for Google Sign-In)

Go to the Google Cloud Console.

Create a new project (or select an existing one).

In the sidebar, go to APIs & Services > Credentials.

Click on Create Credentials and select OAuth Client IDs.

In the Application type, select Web application and name it (e.g., “Google Sign-In for Supabase”).

Under the “Authorized redirect URIs, submit this URL with your own extension id in the brackets -> “https://[extension_id].chromiumapp.org”

Click Create to generate your OAuth 2.0 Client ID and Client Secret.

Google getting the oauth2 id

If needed, here’s a video guide to help with creating the OAuth Client ID.

3. Enable Google Sign-In in Supabase

Setting up the Google provider

  1. In the Supabase Console, go to Authentication > Sign-in/Providers.
  2. Scroll down, click Google, and enable it.

Place your client ID

Once inside of the Google menu, place the client ID you got from the Google cloud console into the “Client IDs” field.

Supabase Google sign-in method

4. Enable Email/Password Authentication

Setting up the email/password provider

  1. In the Supabase Console, go to Authentication > Sign-in method.
  2. Enable Email/Password authentication by toggling the switch.
  3. Save the changes.

This will allow users to sign up and log in using their email and password.

Supabase enabling email and password

That’s it! You now enabled authentication inside of Supabase that:

  • Allows users to sign-in with their email/password
  • Allows users to sign-in with Google

✅ Recap Checklist

  • Supabase Authentication setup
  • OAuth 2.0 Client ID added to Supabase for Google Sign-In
  • Google Sign-In enabled with OAuth 2.0 credentials
  • Google Sign-In implemented in your app
  • Email/password sign-in enabled in Supabase

💬 Additional Resources

Last updated on