Loading video player...
This is Part 2 of the CreatorCopilot series, where we are building a real-world project step by step. Step-by-step implementation of Auth.js (NextAuth beta) with Google OAuth in a Next.js App Router project. In Part 2 of the Creator Copilot series, we move past toy examples and set up a production-ready authentication flow, including Google Cloud Console configuration, API route handlers, client-side session management, and custom Sign-In/Sign-Out components. Next time, we will connect this frontend architecture to a FastAPI backend. ๐ Resources & Links: Auth.js Documentation: https://authjs.dev/ Google Cloud Console: https://console.cloud.google.com/ Creator Copilot Repository: https://github.com/sagarsangwan/code-creatorcopilot - โ๏ธ Blog (Part 2): https://medium.com/@sagarsangwan/how-i-built-google-oauth-for-a-real-saas-next-js-auth-js-creatorcopilot-part-2-6e4b7e6132af ๐ What you'll learn: - Google OAuth setup (Client ID & Secret) - Auth.js integration in Next.js - Login & logout flow - Common mistakes and fixes ๐ Part 1: https://youtu.be/w0Cz941iL_4?si=J9mcrFCp43x-ikE3 nextjs google login authjs nextjs google oauth nextjs nextjs authentication authjs tutorial google login tutorial codingbysagar creatorcopilot Next.js 14, Auth.js, NextAuth, NextAuth v5, Next.js authentication, Google OAuth setup, Next.js App Router, React authentication, Google Cloud Console OAuth, SaaS authentication, Next.js SessionProvider, frontend to backend authentication, full stack Next.js โฑ๏ธ Timestamps 00:00 Intro 00:12 What weโre building (Google Login) 00:14 Auth.js setup in Next.js 02:21 Google Cloud setup 02:56 OAuth credentials (Client ID & Secret) 05:02 Login & logout implementation 08:21 Testing the flow #codingbysagar #nextjs #authjs #googlelogin