Next.js 14 Authentication Crash Course with Clerk and Lucia (super EASY!)

Video Description

A deep dive tutorial into authentication by walking you through 2 popular libraries - Clerk and Lucia auth in depth and implementing auth, we will also be discussing tradeoffs. You will also learn Clerk, Lucia Auth, Tailwind CSS, MongoDB, Server Actions and Next.js #nextjs #authentication #react #webdevelopment Clerk Link: https://go.clerk.com/5qOWrFA ⭐️ Sign up for the Premium Next.js Course Waitlist: https://bit.ly/nextjscourse 👉 FREE Next.js Best Practices Course: https://bit.ly/nextjshottips ⏰ Timeline 00:00 - What we will be covering? 00:57 - Who are the top auth players? 5:44 - Clerk Demo App we’re building 8:56 - Let’s implement Clerk 16:04 - Add DaisyUI as our Component Library 20:28 - Clerk UI Components 22:31 - Add SignIn & Signup Clerk Components 25:19 - Add Signup Clerk Components 27:17 - Add Clerk Navigation Bar 28:47 - Clerk Built-in Hooks & Modifying the Apperance 33:35 - Clerk Error Handling 36:04 - Trade-offs with Clerk 38:06 - Where do we store Authentication values? 39:47 - App Demo with Lucia Auth 42:46 - How do we set up Lucia for authentication? 43:32 - Lucia Auth Deep Dive with visuals & architecture 45:42 - Setup MongoDb 48:52 - Test MongoDb Connection with Lucia 52:57 - How can we implement LuciaAuth's Header for Sign Up and Sign In? 58:26 - How can we use Next.js Server Actions and build Lucia Sign up? 1:03:29 - How will Argon be used for password encryption? 1:08:33 - What are Lucia Sessions and how do they work? 1:13:14 - Lucia Sign-in Implementation 1:19:12 - How can we use Next.js Server Actions and build Lucia Login? 1:19:57 - How do we validate Lucia users stored in MongoDB? 1:26:31 - Build Lucia Auth Logout with Next.js Server Actions 🔗 RESOURCES: 💌 Frontend Newsletter: Frontend Snacks 🍿 https://bit.ly/fesnacks If you liked this video, you will also love my newsletter Frontend Snacks. You will learn a new topic each week with cool visuals and snippets, the latest frontend news and behind-the-scenes exclusive updates that I don't share anywhere else. ✨ FREE Goodies: https://kulkarniankita.com/goodies ☎️ Book a 1:1 coaching session with me Opened a few coaching calls, grab them before they are gone: https://bit.ly/30mins-coaching-with-ankita 🐤 Find me here Twitter: https://twitter.com/kulkarniankita9/ LinkedIn: https://www.linkedin.com/in/kulkarniankita/