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-next-auth/tree/01-integrate-google-provider - Integrate GitHub OAUTH: https://github.com/tapascript/learn-next-auth/tree/02-integrate-github-provider ## Join tapaScript Discord - https://discord.gg/YzUe4DbNAz ## 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): https://twitter.com/tapasadhikary - Connect on LinkedIn: https://www.linkedin.com/in/tapasadhikary/ - Follow My Work on GitHub: https://github.com/atapas - Follow on Facebook: https://www.facebook.com/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/category/nextjs-templates/?ref=305&campaign=NextJStemplate - 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/mwiyyiglk2er ## ? 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