Simple Next.js & React Authentication With Clerk

Visit Clerk:

Project Code:

Clerk Docs:

Follow Clerk On Twitter:

Timestamps:
0:00 - Intro
1:22 - Project Demo
7:43 - Install & Setup Clerk
9:45 - Clerk Provider
12:24 - Header Component
19:48 - .env routes
21:33 - Sign In Page
26:13 - Conditional Header Links
29:42 - UserButton Component
31:45 - UserProfile Component
33:35 - Email Signup & Verification Code
35:07 - Using Themes
37:13 - Start Custom Sign Up Flow
42:15 - Custom Form UI
44:29 - Handle Submit
46:35 - Email Verification
48:36 - Conclusion

[tinbluu]

One of the best tutorials on Nextjs + Clerk integration

[AndralAndrizzy]

Thank you for the tutorial. Can not even explain how much I appreciate this. You're amazing!

[jasonahn]

Thanks for the video. It's extremely helpful when you mention small bits of information (ie. users are able to remove clerk brand icon if they use premium subscription). Although it's not directly related to coding itself, it's very informative since otherwise we noobies need to search on our own!

[ionutsandu]

This is the resource that made me decide to go with Clerk auth. I had a difficult time picking between Clerk and Firebase auth but this video helped a lot. Thanks :)

[donovan]

Thank you Brad!!!
I ran across Clerk recently and I’ve been struggling a bit on applying Clerk correctly.

[encilaj]

after looking and trying out other auth provider, clerk amaze me so much with its user friendliness .glad i subscribed in this channel. tnx more power!!

[pogboii]

Hey you are awesome man. Please never stop making videos. Your website is also spot on

[vikramn]

Thanks for the super-simple explanation and a first introduction to a delightful product. I'm so happy after days of searching around for a simple-to-use auth solution with a good tutorial for NextJS. I also appreciate that you decided to use Javascript and not Typescript.for this tutorial :)

[leonardoparisi]

This video is gonna be really really helpful man! Thank you!

[DanielNistrean]

How are you doing Traversy? Glad to see you back. Didn't check out the tutorials lately cause it wasn't you) Hope you are doing well and see more awsome content from you.

[FarahChurch]

Thank you very much for this video tutorial. It is a great introduction to Clerk.!

[ramitacommi]

Heya thank you so much for this informative video. I really appreciate you putting so much time and efforts!!

[codelery]

Sincerely speaking, creating authentication with email verification can be stressful and boring. It is awesome having a third party to take that pain away and focus on the unique features of your application. Good job Travis

[TheAremoh]

Very helpful video most especially, the customization part.

[Xe]

I used clerk for a Remix app and i regret it. As soon as you need to customize something that's not documented, you're on your own. The discord help channel took a week for a reply. Luckily, brad has other videos on building your own auth which are great and that's what i ended up doing.

[chenenpei]

Thank you for the tutorial. It is really helpful!

[crazcoder]

I watch all your videos 🎉. Really like it.❤

[taveeshaagarwal]

traversy: posts
me (pretends i dont have 3 more projects going on): finally! something to make

[zambianyoutuberx]

I appreciate your Video! Its really helpful! Thank You!

[affoltersascha]

Are you also gonna use Clerk as an auth. stack in your upcoming Next.js 13 featured course?