Next.js 14 Authentication Crash Course with Clerk and Lucia (super EASY!)
Ankita Kulkarni Ankita Kulkarni
7.98K subscribers
5,150 views
216

 Published On May 24, 2024

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

⏰ 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-a...

🐤 Find me here
Twitter:   / kulkarniankita9  
LinkedIn:   / kulkarniankita  

show more

Share/Embed