Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Simple Next.js & React Authentication With Clerk

Traversy Media via YouTube

Overview

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.

Syllabus

- 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

Taught by

Traversy Media

Reviews

Start your review of Simple Next.js & React Authentication With Clerk

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.