Next.js Authentication With Next-Auth V5 || Google & GitHub

The video is your step-by-step tutorial to build the authentication system and learn the usage of server actions and form handling.

I hope you enjoy this one the same way you liked the previous videos from the series.

Let's GO 🚀

I take special care to provide you the best quality. Please SUBSCRIBE to the channel to show your support. Also, could you like/comment on this video so that it reaches others? Thanks! 🫶

Timecodes
01:31 - What Are We Building?
02:58 - Create Login Form
06:59 - Login and Logout Server Actions
10:21 - Install Next-Auth V5
11:07 - Configure Google Provider From Next-Auth
15:37 - Google OAUTH: Client ID and Secret
19:15 - Create Next-AUth Callback Route
22:51 - Test Google Auth
23:36 - Integrate With Google Button
25:12 - Show LoggedIn User's Details
27:57 - Protected Route Test
29:54 - Add Sign Out(Logout) Functionality
32:15 - GitHUB OAUTH: Client ID and Secret
33:58 - Configure GitHub Provider From Next-Auth
36:04 - Test All Login/Logout Together

## Source Code on tapaScript GitHub:

## Join tapaScript Discord

## Other Links

## 🤝 My Links:

## Special Links:

## 👋 Like my work? Thank You. You can sponsor me from here:

## About Me:
Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, YouTuber, and Open Source projects maintainer/contributor. He is a full-stack developer who has vast experience in building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community.

#nextjstutorial
#next
#nextjs14
#nextauth
#authentication
#nextjs
#nextjs13
#nextjsapprouter
#thinkinginnextjs
#nextjstutorial

[baylonyap]

Nobody Beats Tapas in Explaining this Nextjs Auth... The Best...

[sriraj]

super simple, clean and neat explanation, a beginner can understand easily.

[shumit]

That is one smooth video lesson by one very confident professional !! Thank you very much !! Had to subscribe to this channel !! Keep up the VERY GOOD WORK !! Once more, THANK YOU SO VERY MUCH !!

[yourfather]

the way u explain is just amazing wish i was here an hour ago 😂 spent an hour watching other channels

[ChrisRich]

This tutorial saved me a TON of time. Thanks a lot for your efforts. Great tutorial.

[nurmd]

This is very good session to learning next js auth❤ thank you sir

[lindaal-mz]

Thank you so much for the simple short solution

[nishanbangera]

Very well and to the point explaination...

[Leesdjo]

This is amazing. Your teaching style is really good.

[rifky]

Very helpful tutorial.

In the future if you are willing can you add a tutorial for logging in using credentials?

Thank you in advance

[S.M.Saim_Hossain]

dada, google cloud er interface change kore felse..ekhon ora onk kisu ask kore...so, dada, authentication niye notun ekta video dile vlo hoy

[TazulBinYounus]

From where I can get the IdToken. I need this because I have to send it to the backend api server.
Please help me out!

[bostonmacosx]

How do I put in a CUSTOM oAuth Endpoint?

[AvikNayak_]

If we can do the same thing with passport then why do we need nextAuth?

[fadilnatakusumah]

Next-auth is so bad. it will working in development but after deployed to production it will not working. I got error "Try signing in with a different account." :(
what seems to be the problem that causes this?

[flashbyte]

I'm still confused about callback url part.
What the heck is this?
Where is it called?
Who calls it?
How exactly we get an access token in our browser cookie?

Please help me understand this ASAP.