Next.js Authentication With Next-Auth V5 || Google & GitHub
Learn how to authenticate using Next-Auth's OAUTH mechanisms. In this video, we will learn the authentication with Google and GitHub social logins with a Next.js 14 application. We will also explore the signout option.
The video is your step-by-step tutorial to build the authentication system and learn the usage of server actions and form handling.
Hey, welcome back to another informative video from the "Full Stack With Next.js App Router" series. Let us build an app with social authentications.
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
0:00 - Next.js Authentication
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:
Integrate Google OAUTH: https://github.com/tapascript/learn-n...
Integrate GitHub OAUTH: https://github.com/tapascript/learn-n...
Join tapaScript Discord
/ discord
Other Links
Generate AUTH SECRET: https://generate-secret.vercel.app/32
Test Google OAUTH Config Locally: http://localhost:3000/api/auth/signin
🤝 My Links:
Blog: https://blog.greenroots.info/
Follow on X(Twitter): / tapasadhikary
Connect on LinkedIn: / tapasadhikary
Follow My Work on GitHub: https://github.com/atapas
Follow on Facebook: / tapasadhi
Special Links:
Are you looking for the best NextJS templates to start your project development? Download and use them for FREE: https://www.wrappixel.com/templates/c...
If you are looking for the best content management system, here is something for FREE that you can rely on: https://app.caisy.io/app/signup/mwiyy...
👋 Like my work? Thank You. You can sponsor me from here:
Sponsor Me: https://github.com/sponsors/atapas
Sponsor my Blog: https://blog.greenroots.info/sponsor
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.
You can find more about him at https://tapasadhikary.com.
#nextjstutorial
#next
#nextjs14
#nextauth
#authentication
#nextjs
#nextjs13
#nextjsapprouter
#thinkinginnextjs
#nextjstutorial
