Simple Next.js & React Authentication With Clerk

Learn to build a robust authentication system for Next.js applications using Clerk in this comprehensive 50-minute tutorial. Explore the process of setting up Clerk, implementing a Clerk Provider, creating a header component, and protecting pages with middleware. Discover how to create sign-in pages, add conditional header links, and integrate UserButton and UserProfile components. Dive into email signup and verification, theme customization, and building a custom sign-up flow with form UI. Master handling form submissions and email verification to create a secure and user-friendly authentication system for your Next.js projects.

- Intro
- Project Demo
- Next.js Setup
- Install & Setup Clerk
- Clerk Provider
- Header Component
- Protecting Pages - middleware.js
- .env routes
- Sign In Page
- Conditional Header Links
- UserButton Component
- UserProfile Component
- Email Signup & Verification Code
- Using Themes
- Start Custom Sign Up Flow
- Custom Form UI
- Handle Submit
- Email Verification
- Conclusion