Menu

Add Google sign-in to Supabase, step by step
πŸ“°

Add Google sign-in to Supabase, step by step

DEV Community: authenticationΒ·Aravind GovindhasamyΒ·1 day ago
#ctBjShkZ
#devtoauthentication#devto#dev#google#supabase
Reading 0:00
15s threshold

"Continue with Google" is the sign-in most users reach for. With Supabase Auth it takes about fifteen minutes: a client in Google Cloud, two values pasted into Supabase, and one function call in your frontend.

What you need

A Google account with access to Google Cloud Console

Your Supabase project

Your app's URL (for example https://example.com ) and, for development, http://localhost:5173

1. Create a Google Cloud project

In Google Cloud Console, pick a project from the selector at the top or create a new one, for example "Example Auth". Keep one project per product, so the consent screen shows the right name.

2. Set up the consent screen

Open Google Auth Platform (search for "OAuth consent screen" if you can't find it). Fill in:

Branding: your app name, support email, logo and your homepage, privacy policy and terms links. Users see this when they sign in.

Audience: External , so any Google account can sign in.…

Continue reading β€” create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.