How do I get Google authentication setup?
I'm new to Supabase and don't have much coding experience - I want to get Google Authentication setup with Lovable - how do I do that?
49 Replies
>
I've not used lovable so i'm not sure if it comes with some prebuilt config for this but if you have access to your supabase dashboard you can follow the implicit flow creation here https://supabase.com/docs/guides/auth/social-login/auth-google to set up authentication with google. Then on your application you would need to add to be called when you click the "sign in with google" button. If set up correctly this should handle most of the legwork and you will be redirected to your frontend and your user will be logged in
Login with Google | Supabase Docs
Use Sign in with Google on the web, in native apps or with Chrome extensions
I have built a couple of projects on Lovable with Google Auth, and its been pretty straight forward, Felix from the Lovable team recently release a list of useful prompts including this. Check that out! https://prompt-directory-fh.lovable.app/
Most of the times Lovable will ask you for the Google secrets, if it doesn't, follow the prerequisites setup from the doc shared by @ihm40
I don't have any coding knowledge - can you assist me in dms if possible?
Have you tried prompting? https://discord.com/channels/839993398554656828/1416937770835902557/1417005759215960134
Yes
and what was the result?
It didnt give steps
In general you can ask specific questions here and get help or get pointed to docs or potential ways to solve your issue. You should not expect other users to give you step by step coding steps especially when there are guides like first linked.
I don't have any coding experience
Not sure what to say. If you AI can't help you and you can't understand the basic docs then it is going to be a tough road. You can't expect to get custom coding help step by step.
Try the guide with your AI and see where you get. The guide is used by many and the settings are pretty clear. The OAuth call for the client code is well documented so pointing your AI to it should help. Lovable is used all the time for this stuff. Maybe some user will come along willing to work step by step. But I recommend you try stuff and ask if you get stuck or get errors.
Try the guide with your AI and see where you get. The guide is used by many and the settings are pretty clear. The OAuth call for the client code is well documented so pointing your AI to it should help. Lovable is used all the time for this stuff. Maybe some user will come along willing to work step by step. But I recommend you try stuff and ask if you get stuck or get errors.
Do I need a terminal for this?
I believe you have to setup some URLs in Google dashboard and then in Supabase Authentication providers section for Google.
Then you add application code depending on your framework. https://supabase.com/docs/guides/auth/social-login/auth-google?queryGroups=platform&platform=web#signing-users-in Lovable should know how to do the client part.
Am I able to use Vercel?
Yes
@garyaustin question - what does this mean?
i really want to learn but this documentation is confusing especially for a first-time user
can you please guide me step by step
@garyaustin
Sorry, I've never done it.
i really want some help
Looks like the link provided is not the right one, by looking at the screenshot I feel like garyaustin wanted to share this one: https://supabase.com/docs/guides/auth/social-login/auth-google#project-setup
Login with Google | Supabase Docs
Use Sign in with Google on the web, in native apps or with Chrome extensions
what you get from step 4 is what you enter on those settings, Client ID and Secret, you get both from your Google console
can you help in dms and guide step by step? i have never coded before
please š
better to keep in here so others benefit from the conversation
alright
did you checked the link I sent? the guides do not imply any coding experience, is just a bunch of step by step
can you guide me step by step on how to set it up first for google console
try to follow each step
i've tried but absolutely don't understand
what google console is necessary
@tomaspozo
Arielle Phoenix
YouTube
How To Set Up Google OAuth Login (Supabase Tutorial)
This step-by-step guide covers configuring OAuth, setting up Google sign-in, and integrating it with your Supabase project. Perfect for developers looking to add secure Google authentication to their apps. Simplify user login with Supabase Auth and Google OAuth 2.0.
Ps. All keys have been deleted and replaced.
š Join this channel to get acc...
here is a step by step video, from 1:30 it goes through google auth setup including the part of Google
can you stay here to help in case i mess up anything
I'll be around for a couple of hours...
how do you find localhost for vercel?
@tomaspozo
localhost is for local development
are you on the redirect url section inside the Google console? I imagine you are using the Supabase platform, so you copy your supabase url in there...
better if you share a screenshot where you are stuck
see here
@tomaspozo
apparently i have to add localhost
for testing
idk what my localhost address is
do i have to add localhost?
@tomaspozo
if it forces you to put 2 urls, put http://localhost:3000
and please stop tagging, I'll be back to you as I can and let you know when I leave š
it doesnt force me ot
*to
then only use the supabase one
how do i get this information
i need the project url and key
I haven't used v0 too much, so not sure if you can just prompt it, if I remember correclt there is a Supabase integration option
i need the project url and key
how do i get those
from your Supabase dashboard
uhh i dont know which one's the url and which one's the key
so
can you go in vc and guide
yeah, lets do that...
yes i can hear
i cant talk but