Database Session Authentication with Prisma & NextJS App Directory

In-depth tutorial on Next-Auth login authentication - you will learn how to protect your pages with authentication using advanced strategies like NextAuth database sessions and Prisma client extensions. Plus, passwordless login for a seamless user experience! 🔥
🔑 Key Takeaways
1. How to set up NextJS app in 2 minutes
2. How to set up a new database and Prisma query layer
3. How to set up NextAuth session strategy for secure and effective session management.
4. How to create a Prisma client extension to get the current user from the session.
5. How to set up passwordless login for a frictionless user experience.
🔗 Resources:
Prisma: www.prisma.io/...
Postgres PSQL: www.postgresgu...
NextAuth.js: next-auth.js.o...
Create Next App: nextjs.org/doc...
Source code: github.com/tay...
Don't forget to like, share, and subscribe for more in-depth tutorials! Your feedback is essential to improve these videos; please leave your comments below 🙏
#NextJS #NextJS13 #Authentication #ServerSideRendering #Prisma #WebDevelopment #Postgresql #Login

[@Péter--2222]

I got an error "Error: PrismaClient is unable to run in Vercel Edge Functions.", despite that I copied your code.
What version of next-auth are you using?

[@baqirnekfardev]

Amazing content! so cool and straight forward to the topic
liked it 💗

[@JayconMadrid]

Where can I get the callback url after submitting an email?

[@howtocode2296]

when we get a session within the layout, is it considered best practice? is there any security issue there? Layout not able to change the state i think.

[@taylorlindoresreeves]

Possibly yes. I've since learned it's probably not best practice to include the session in the layout. Would recommend using it in page or Server Component instead.

[@howtocode2296]

@@taylorlindoresreeves I'm still confused on how to integrate database session with nextjs middleware. I found that we can do the session strategy jwt (using the next auth library, but need to split authConfig), but if we do this still we are using jwt not database. What's so far i found that according to the official nextjs doc about authentication, we can use the session management library. But I'm still not knowing how to do this with middleware. Perhaps we can share this info

[@taylorlindoresreeves]

​​⁠there are only 3 ways you can get the database sessions working with middleware:
1. You need to set up an edge compatible database. Personally I've tried setting Prisma up but it's a hassle, I've always resorted to the following;
2. Set up a redirect based on the cookie existing in the middleware. You are able to use nextjs cookies() method to get the cookie, and use that as the session. In other words, redirect if the cookie exists. However, production cookies are prefixed with Secure__ so you need to account for that in a production environment.
3. Use nextJS redirect method on the layout or page level, effectively redirecting when the session doesn't exist.
Only #1 wraps the middleware in auth(). #2 is just standard nextJS middleware. And #3 does not require middleware. Hope this helps!

[@howtocode2296]

@@taylorlindoresreeves yeah might be good to do 1# and 2# i think.

[@AkashLayal]

Great video ❤

[@taylorlindoresreeves]

Thank you!

[@murtadanazar]

Hello my friend, what is the name of the theme you use in your terminal?

[@taylorlindoresreeves]

Hey man, the theme is called Dracula Pro 👍

[@murtadanazar]

@@taylorlindoresreeves Thank you very much

[@harithmu]

amazing video!

[@nightrider1413]

Really nice video! What font is that? MonoLisa?

[@taylorreeves3642]

That is correct!

[@runankaroy6074]

Feedback: Try to narrate why you're doing, and not what you are doing. I can just read the code if I need the "what".

[@taylorlindoresreeves]

I appreciate the feedback, will take this on board for future videos. Thank you.

[@blessingjohnson1835]

I totally agree with this, actually explaining what the code does is very important.

[@Ruan-y8f]

Please also apply zoom on IDE and more some zoom when explaining the code 🎉

[@huseyinlora]

BROOOO ZOOOM ON THIS FKN EDITORR WE CANNOT SEE ANYTHING

[@taylorlindoresreeves]

Noted sir, thank you for the feedback.

[@JirayuVijjakajohn]

I cant see any code

[@taylorlindoresreeves]

Hey! The coding begins around 2 minutes into the video 😊

[@JirayuVijjakajohn]

I meant it was too small

[@taylorlindoresreeves]

Okay noted 📝 I will make sure to update the zoom in for future videos so the code is larger on screen. Thanks for the feedback.

[@raselhossain8855]

is Authjs and Next-Auth same?

[@taylorlindoresreeves]

Yeah that’s correct, AuthJS is the latest version of next-auth.

[@mirkoucho]

the content is good but unpleasant to watch too many cuts and little time to take the time to code at the same time because you do not leave time to do what you do at the same time you go directly to the next, you should leave small breaks and that we see less that you cut all your sequences one after another on your editing program, but thank you for the content it is very useful.

[@taylorlindoresreeves]

Noted 📝 would you prefer it if it was unedited (or at least edited minimally so that I remove my filler words 😅)?

[@mirkoucho]

@@taylorlindoresreeves just add some little silences, all's so fast, sometimes I want some breath ;)

[@markmuthii]

Huh? No one on RUclips will have silences to allow for the person watching to catch up, because people consume at different speeds. While you want some pauses, others are watching the same thing at 2X.
Use the pause button mate. Or watch at 0.5X speed.

[@runankaroy6074]

@@markmuthii chill out. It's called pacing in the video editing world. Being fast paced isn't the issue, but the delivery is.

[@AmanFangeria]

Hey bro, You're a good developer, but it was just hard to follow, I couldn't understand it. Just a feedback from my side. Great Efforts though!!!

[@jasondamico_webdev]

Bro. I appreciate your knowledge, but read the room. How do you expect people to follow what you are doing when you are not only making fast cuts, but completely skipping entire code creations steps that are vital to finish the project. You also never acknowledged when you made mistakes and did not show your changes to the code when you did.
Constructive criticism: SLOOOOWWWWW DOOWWWWWWNNNNN. Make part 1 and part 2 if you need to. :)

[@taylorlindoresreeves]

Good point, thanks for the feedback. I am going to do more on-the-fly coding and fixing - my concern is it bores people watching me debug, which is why I try and do things quickly. But a lot of feedback I am reading just now is similar to this, so I will do more full-length, less edited videos where I go through the whole process and don't re-use any code or components.

[@אלעדר]

bad tutorial.
I found it hard to follow you, it was unclear and unstructured

[@taylorlindoresreeves]

Thanks for the feedback.