Add Authentication to Next.js: Login with Google

🔗Source:

#programming

[NoraAbdullahAl-Hatem]

From the Kingdom of Saudi Arabia, I say to you, thank you for everything you provide on your channel. It is very wonderful and you are a genius.🤩

[kaistai]

I've been really looking forward to this topic: Logging in with Google. The previous lecture on next auth credentials and stuff was awesome... Thanks a bunch for making that YouTube video. You're hands down the best tutor.

[stevenchen]

Awesome! Your videos are super clear and instructive. I've learned alot! Keep it up! I've been waiting for this too!

[SwapnilBari-kl]

Can I get complete source code git link ? I checked next-auth repo but it is not upto date with this tutorial

[ahmedaq]

thanks a lot for everything... the way you do your tutorials are amazing... direct and to the point without adding unnecessary complexities ❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥❤‍🔥

[ruuma]

Ah mantab, hopefully youtube not gonna take this down again 😂

[oladejoabimbola]

You could have added the link to the previous one you made.

[astronautonmars]

But what about signup? How can we store that user in custom database?

[imadedevakertiwijaya]

how about sign up? i can't sign up with custom email

[sihsuya]

when i click google sign it takes me to localhost/api/auth/error can someone please help me with this issue

[nikhilsharma]

Their is a bug in the tutorial if you'll create a user with the google login but the use that user's email and try to login with credentials provider by enter that user's email and any wrong password at the password field you'll successfully logged in into that user's account.
And to solve this issue you've to add another line into the auth.ts file which is
if (existingUser.password) {
passwordMatch = await bcrypt.compare(credentials.password, existingUser.password)
(!passwordMatch) return null
} else {
null
}

[rikigarna]

Bang, kalo error redirect_uri=undefined itu salahnya di mana ya?

[timeg]

please is it working using the signup method?

[lonecreeperbrine]

just got one question, hes using react hooks on the button component but it does not have "use client" at the top. Is this because SignInForm is a client component and since the button is being rendered on SignInForm (and server components cannot be rendered on client components) that the button is defaulted as a client component?

[JellyBeanR]

It starts in the middle and ends in nowhere. I mean the video is useless.