Easiest Way to set up Auth while developing locally
I am new to Supabase. I want to setup Google sign in via Supabase Auth. Does anyone have a step-by-step guide that one can follow for this? The docs on Supabase are not very in-depth on this subject.
Or if you think there is a faster way to setup auth instead of Google sign in, let me know.
Thanks!
7 Replies
Magic link is the quickest Auth you can setup, but you haven't provided any information on what your project setup looks like (framework, library, using the CLI for local development or not)?
Use supabase status，copy api_url
Set up your Google OAuth2, configure the redirect URI, and add {api_url}/api/v1/auth
Copy your Google OAuth2 client ID and secret, and configure them in the auth section of Supabase's config.toml , making sure the provider is set to google
Test the configuration
I am using React as the framework with VS code as my IDE for local development.
Magic link would still be the easiest auth option
Are there any guides with examples that actually show how to go from zero to a working magic link login on Supabase? I followed the instructions and I have no errors but there's no Auth page when I start the dev server on local development. I can keep trying to figure it out. But I figure there has to be a clear step by step guide that I can just look at for this. Is there nothing like that available? An equivalent to Firebase auth guides would be ideal.
.
I'm not sure what an auth page would be that you are referring to here? If you want something that will create a UI and all that for you then you can use the Supabase UI guides https://supabase.com/ui/docs/getting-started/quickstart
Quick Start
Install shadcn/ui and use the components in your project
Auth page as in a page with a working Authentication system. A form on a page that takes in email and does user authentication. The UI is definitely part of it. But really, I would appreciate a super basic guide that shows us how to go from zero to a working example of Auth. If you know of an article or a youtube video that demonstrates this, that would also work.