Protect your NextJs 13 app using Next-Auth

This video will look at authentication in NextJs 13 using the Next-Auth package and the new update that supports the new route handlers.

➡️ The Ultimate NextJs Course

➡️ Source code

➡️ Next-Auth Docs

Chapters:

0:00 Intro
0:30 Project setup
1:30 Install next-auth
03:25 Initialize next-auth config
08:40 Add session provider
12:05 Protecting client-side pages
18:35 Protecting server-rendered pages
22:40 Protecting API routes
24:26 Outro

[bftdgnt]

This was insanely helpful I'm always lost when there are not much documentation about new things so this video saved from a lot of headache.

[reddpy]

You're really great at explaining things in a very slow and digestible way! Please keep it up, this was very much needed!

[nuron_bloom]

Thank you SO MUCH for this video. a very clear explanation of how to get the session data using the NextJS App Router. As someone who started learning NextJS in the last 2 weeks I felt the NextAuth documentation was unclear to how to best utilize the App Router with Next Auth. You cleared up all of my questions! Thanks!

[mahmodissa]

Man you have no idea how much time been spending to a content like this one!!! Thank you so much!!! Owe you a soda!!! Shokran!!

[John-eznh]

As someone fairly new to React and Backend Development, navigating NextJS and NextAuth has been kind of a nightmare. (Do I use pages or the app router, what happened to _document, where do my session providers go, etc...) Changes are happening so frequently, and they seem so fundamental. This video was very helpful. Thank you!

[runever]

Subbed~ ! Configuring this for work, and was running into so much conflicting documentation, just needed to get a quick demo up and running for testing purposes - You're the man ! Checking out your route handler video next :)

[coxjack]

Thanks so much for the clear walk through of this process. I only wish that I had watched this video first, it would have saved me a day of messing around with another tutorial that was wrong and didn't lead to working code.

[andreanwinz]

thanks for the explanation, and actually I feel bad because I was looking for trouble when following someone else's next project tutorial (stuck because of a different version of nextAuth) and I actually found what I was looking for in this video, , thank you for your efforts I really appreciate it, , may good things always be with you, , after finishing this 11 hour tutorial, I promise to see another video from you, , thanks again😁

[IMegz]

That is exactly what I wanted + more. Perfect, clean, and easy explanation.

[John-eqcd]

Very good, thank you
With many web dev videos I have to reduce the speed to 75% so I have time to understand the concepts, but not with yours. They are well paced for those who are trying to learn.

[friendly__drone]

Someone (more eloquent than me) should make a PR to update the documentation for NextAuth to explain where to put SessionProvider because it's not obvious for a lot of beginners.

[faizanjan]

I can't even begin to explain how helpful this video was after banging my head for hours to find the answer to a bunch of questions from documentation and stackoverflow. Keep up the good work Hamed 👍
Just 1 question though. You have not exactly explained how the signing in in is implemented...

[wmw]

Amazing video, you are one of my favorite content creator out there! Good work.

One question. Do you or do you already have a video about next js 13 next auth with role authentication? Like admins, moderator and users?

[semajroyam]

this is what I'm looking for, i need this for our capstone project, thank you!

[timeforrice]

I like how he explained those topics. Hope to see an extended version of this or a full stack of an app.

[kamrant]

Thank you so much for the video. It was insanely helpful.

[sosite]

great!
sounds super!
high quality
nice!

subscribed

[amirmp]

Your content is stellar, and I admire your thorough explanations. I'm eager for a video on using Next.js exclusively as the front-end, particularly with App Router. My React app has a backend with Express.js and JWT authentication. I'd love guidance on migrating to Next.js while smoothly handling JWT authentication for both server and client components. I've scoured the internet without finding a suitable guide, and your expertise would be a game-changer. Thanks for considering this request!

[sahandsanaei]

best as always. thanks for keeping up the high quality of content.

[weeseenman]

Thanks for your very useful explanation. But I have just a question. Can you explain your photo which at 15:32 ? :)