Back to Browse

Full Stack Auth Part 2: Google Login + Avatar Upload (Next.js)

28 views
Apr 30, 2026
1:42:51

In this video, we continue building our full stack authentication system with Next.js. In Part 2, we implement Google login (OAuth), add avatar upload using UploadThing, and improve the user experience with a show/hide password feature. This is a practical, real-world authentication system using modern tools and best practices. What you'll learn: Google OAuth login integration Uploading and storing user avatars with UploadThing Handling profile images in your app Show/Hide password functionality for better UX Improving your authentication flow Tech Stack: Next.js (App Router) Better Auth UploadThing Drizzle ORM NeonDB Tailwind CSS This is Part 2 of the Full Stack Auth Series Watch Part 1 here: https://youtu.be/7583jnlXQBQ?si=h5LT7WBdkTkaualn Source Code: https://github.com/pandit-in/shado-kit If you're building production-ready apps, this series will help you understand how authentication actually works beyond just copy-pasting code. #nextjs #authentication #fullstack #webdevelopment #oauth #uploadthing

Download

1 formats

Video Formats

360pmp4107.3 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Full Stack Auth Part 2: Google Login + Avatar Upload (Next.js) | NatokHD