NextAuth v5 - Google Authentication with Next.js and NextAuth | Next.js Route Handlers

☕️ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲:
To support the channel and encourage new videos, please consider buying me a coffee here:
https://ko-fi.com/bugbytes

In this video, we'll look at NextAuth v5, which works with Next.js App Router and allows easy authentication to be added to your Next.js apps. This includes OAuth2.0 authentication with providers like Google and Github.

📌 𝗖𝗵𝗮𝗽𝘁𝗲𝗿𝘀:
00:00 Intro to auth.js / NextAuth
01:33 Installing NextAuth
03:00 Next.js route handlers
06:18 Setting up NextAuth
12:10 NextAuth providers - setting up Google Provider
17:16 Adding GoogleProvider in NextAuth
18:21 Adding sign-in and sign-out with Google Provider
24:18 Protecting Next.js routes from unauthenticated access

𝗦𝗼𝗰𝗶𝗮𝗹 𝗠𝗲𝗱𝗶𝗮:
📖 Blog: https://bugbytes.io/posts/
👾 Github: https://github.com/bugbytes-io/
🐦 Twitter:   / bugbytesio  

📚 𝗙𝘂𝗿𝘁𝗵𝗲𝗿 𝗿𝗲𝗮𝗱𝗶𝗻𝗴 𝗮𝗻𝗱 𝗶𝗻𝗳𝗼𝗿𝗺𝗮𝘁𝗶𝗼𝗻:
NextJS: https://nextjs.org/docs/getting-start...
Auth.js: https://authjs.dev/getting-started
NextAuth v5 Upgrade Guide: https://authjs.dev/getting-started/mi...
Using OAuth 2.0 to access Google APIs: https://developers.google.com/identit...

#javascript #nextjs #nextjstutorial #webdevelopment