Hey man I never comment in videos, but you saved me from a pain in the ass that is to understand the docs from auth.js. Thank you a lot, much love from brazil.
Nice work! Good pace and detail. If you ever redo it, you could include something more around signing up. I guess most sites would not allow a sign-in from e.g. Google before actually having signed up as a user to the site.
There are a lots of videos showing how to use Next-Auth in nextjs. I really find it hard to search for a videos which will tell you how to use NextAuth with a seperate backend. Please make a video on that it will be really cool.
Hey. I'm fairly new to nextJS. However in a traditional express server with Mongoose, you could specify the data to be passed to the create method on the Model, but with next-auth, I see that auth js interacts with the database itself, but I'd like my data to follow a specific shape. Is it possible to do this with next-auth?
Hi Florian. Was wondering if you could maybe make a tutorial with 4 different authentication roles in Authjs. One login form that redirect each of the four users to a different panel. I'm really struggling with this and only follow your coding style. If it's possible can you do that for us please. I really want to learn that
in this tutorial you used Neon serverless what if we want to use postgres on docker how would that work for edge compatibility. I tried neon package it didnt work
The video tutorials are great because they are structured based on the official documentation. In the future, if you are willing, can you create a next-auth-v5 that connects to the dashboard to do CRUD? Thanks in advance🙌
when I run npx prisma db push, all my other tables inside my database are dropped. How can initiate or update the schema and still keep the tables? I have researched that prisma migrate or prisma deploy might solve this, but the docs have been a little too confusing to me so far. I am afraid to try different approaches out because I dont want to risk losing my tables and data. Great tutorial, thanks a lot!
First of all, excellent video and excellent explanation, very clarifying... I consult, I am currently using drizzle with pg which does not allow me to use the middleware due to the edge runtime, is it possible to use the node runtime to be able to deploy the proyect and db on local or private vps? thank you
Thanks for this Florian, it has been very interesting, it would be great when everything is stable to update it and could also add the login with email and traditional password. Also I would like you to show at some point how you do the migrations from Prisma to Vercel, I have not been able to make it work. Blessings to the channel and I always recommend it for the quality content it has.
hmmm create t3 app side-steps a lot of this. But still a great video none the less. nit: `prisma generate` 1:07:54 - surely TS will see the updated schema rather than rolling your own.
Your content is quite an experience, I know that what I will say next may not be correct, because your content is free, I am from LATAM and the English language is not my thing so I use an extension to translate your videos, but This translator or the subtitles on RUclips are only available until 3 or 4 hours into the video, then I can no longer translate and I have difficulty following the video, perhaps cutting the videos into sections would be good.
Hey Florian. When you have time, can you create an app with different user roles. For example, when a user login then depending on the role of the user, he will be redirected to the relevant path. Would be highly appreciated.
can you please make a video about adding scopes to the Oauth providers to get access to more user data? I tried some old next-auth solutions, but it seems they don't work
Please, add credentials provider. Also, can you refactor the project to use drizzle ORM, so that there's a project version using Drizzle? You could even have it as another Github branch. Cheers🙌
sir i am cureently learning golang which is suitable for large scale backend apps. Since authentication and authorization is handle through frontend (next-auth,) and mutation through actions.then how we protect our custom backend like in this case is golang also why we need extra backend since everything is happen using next auth and frontend next
Great video! What's the best approach when nestJS/ExpressJS or any other separate server with NextJS? I want to maintain the same authentication architecture.
bro i get WEBPACK_EXPORT_DEFAULT error ...authconfig before initialization .when i write const session = await auth(); in any server action What can be done ?
Great tutorials! anyway is there a plan for you to make an tutorial about making a dashboard page that use many library like 'Highchart' for displaying analytical data?
good morning sir, i just want to ask why i got this error when i trying to deploy my application on vercel. i follow all the setup the you made vercel gave me this error Error: Page "/api/auth/[...nextauth]" is missing "generateStaticParams()" so it cannot be used with "output: export" config.
i already answered this problem, i don't no why but i think the github action generate a .yml file that generate a static next js application and because of that when we deploy our application on vercel it will failed on the configuration becuase our next js application used dynamic routes but yml create a static next js application
i have the problem, if you run the build productions in local computer, the session speed is lightning fast, but in vercel this is take like about 4-5s to get session in every page
Ive been working on your tutorial but I only use mongodb, I created mongoose models compatible with auth.js docs and I had to create a mongoclient adapter and extend globals type for mongoose compatibility, everything are running well after all... If you want I could fork my final project in a new branch into your repo.
Hey man, I have been having issues on a separate project . I see you have been using adapters for auth js. I am trying to run an adapter for a login in and register form. The form allows users to sign in with google but this will not work. Any ideas?
The Edge Function "middleware" size is 1 MB and your plan size limit is 1 MB. why am i getting this error while deploying the project in Vercel? Can anyone help me
İf we want to set a jwt token ( which comes on the backend api request ) How we can do that ? I mean how we can set expire time and token with nextAuth? I want to expired the token backend's token expired.
I would not use “if (!user) ...". to protect the user page because one could still reach out to the user page giving the user id and access the user data. I would use "if (!session?.user) ..." or add it as a 1st condition. What do you think ?
sorry my bad … if anyone can access the user page without being logged in then it’s fine. I was heading to allow the access to this page only if a user is logged in.
Hi developer i have qst , i made a external api with Laravel for Oauth providers and it give me the data user I want to know is i can set session to server from client or not , thanks advanced 😊
Hello this is my request to you that can you tell me how can i make my css folder of next js project accessable to googlebot. Actully problem is that when i make project static build the css file is saved under a private folder and so google bot ignore that file when taking screenshot of my webpage (caching) google bot only take only html file so can you pls help me that what should i do.
Im having a problem with the session callback.. it runs multiple times. So if i want to save something at database there, it's doing 4x times. Couldn't find a solution to this
This is excellent work. I really appreciate you shared with us. Can you please add server side authentication ie sign up and sign in using email and password?
Hi Man. Great content. Thanks. But I have a problem: I want to use session based authentication strategy (as you know jwt is little bit unsafe) and I also credentials provider. When I adjust credentials provider in auth.ts and other files, next auth throwing error something like " 'session': 'database' strategy doesn't support credentials provider" is there any way to fix it? if not, can you suggest me a library that allow users credentials login and uses session based strategy. What should I do? Thanks.
How to handle this problem: Adding an item to the cart on the server side and reFetching cart items number on the client side without need to check every for example 5 seconds or so? I made Navbar client-side component and showed the number of cart items on client side component, how to automatically re-fetch the number after adding a new item?
In production, the server actions seem to be quite slow for me, for example my login action takes a whole 3 seconds to login the user lol, even after using redis, I'm clearly doing something wrong or maybe credentials login is just slow overall with auth.js, what do you think Florian? btw, appreciate all these tutorials mate, keep it up!
Hallo Florian, ich mag deine Videos und habe eine Frage, hast du auch einen deutschen Kanal, bzw. bietest deine Kurse auch auf Deutsch an ? Es ist nicht so einfach einen Programmiersprache zu lernen in einer Sprache die man auch nicht perfekt kennt 😅 Vielen Dank, mach weiter so 😉
@@codinginflow realtime update of data without having to refresh the page, where it keeps track of the current data in the database after I update. I hope this is more clear
I've seen a new error (This is only in Production), if i authenticate through Google OAuth on server side using signIn() from "@/auth", i'm redirected but i see a 404 error page , but when i reload it works. This is only in Production. But when i get the session from client side and signIn() from "next-auth/react", i don't see this happening. Does anyone know why
Will the user be updated if, for example, another user changes their role by removing admin status, in case one user is already logged into the site and another changes their role? Will the user whose role was changed be automatically updated?
@@codinginflow Wouldn't it be a strain on the server if, as I understand, every user updates their data with any interaction with the system? That's a request to the server, and when there are many users, it means a lot of requests, doesn't it?
Anybody has any idea how i can access the user session in my api route handlers so i can check if the user is authorized and use his id to access his data in db? Your answer is much appreciated!
1:28:45 When re-login with useSession That will be be undefined on loading init session. It may need hard-reload. I think that's not proper demonstration.
Wait a minute... I could save the users data in localstorage and give him access to the main app while the cookie isn't outaged... I'll save a lot of callings to database every time the user navigate to a new server route...
I can't even get past 11:00 😢 I cloned, followed the exact instructions, npm installed, and get this terminal error anyway npx auth secret node:internal/modules/cjs/loader:1144 const err = new Error(message); ^ Error: Cannot find module 'zod'
i really like how you not only explained it all extremely well, but also emphasised on the optimisation techniques
😊
Hey man I never comment in videos, but you saved me from a pain in the ass that is to understand the docs from auth.js. Thank you a lot, much love from brazil.
Very happy to hear that!
Your channel is like one stop solution for everything Next.js💖💖
Makes me happy to hear
Probably the best up-to-date NextAuth tutorial right now! Thank you! 🙏
Nice work! Good pace and detail. If you ever redo it, you could include something more around signing up. I guess most sites would not allow a sign-in from e.g. Google before actually having signed up as a user to the site.
Project with Next js, mongoDB with or without prisma,next auth,files upload using uploadthing ,and so on ❤
You know I was stuck in next auth , and I was hoping you to make a video about it , now u did it 😍😍😍
Thank you sooo much u deserve more support 👏🌹
thank you very much
There are a lots of videos showing how to use Next-Auth in nextjs. I really find it hard to search for a videos which will tell you how to use NextAuth with a seperate backend. Please make a video on that it will be really cool.
I don't think next-auth is meant to be used with a different backend
Best tutorial so far for NextAuth and next14, it'll be apprciated if you can do a tutorial on how to use NextAuth with external api
Just want to say, you the best youtuber MR Florian
For me the middleware still doesn't work in October 2024. Is this the case for everyone else too?
Thanks Florian for great content.
I kept having wow moments while watching this tutorial. Remarkable resource. Keep it up and Thank you
Happy to hear that!
Hey. I'm fairly new to nextJS. However in a traditional express server with Mongoose, you could specify the data to be passed to the create method on the Model, but with next-auth, I see that auth js interacts with the database itself, but I'd like my data to follow a specific shape. Is it possible to do this with next-auth?
Genuinely a fantastic video, subscribed. Would you be willing to cover how to wrap a route in auth() as shown in the docs?
Yeeeeahhh , I really needed this, I've been stuck trying to update a project from v4 for 2 weeks
I'm in the same situation, though i can't pass adapter to prisma client
Hi Florian. Was wondering if you could maybe make a tutorial with 4 different authentication roles in Authjs. One login form that redirect each of the four users to a different panel. I'm really struggling with this and only follow your coding style. If it's possible can you do that for us please. I really want to learn that
in this tutorial you used Neon serverless what if we want to use postgres on docker how would that work for edge compatibility. I tried neon package it didnt work
The video tutorials are great because they are structured based on the official documentation.
In the future, if you are willing, can you create a next-auth-v5 that connects to the dashboard to do CRUD?
Thanks in advance🙌
when I run npx prisma db push, all my other tables inside my database are dropped. How can initiate or update the schema and still keep the tables? I have researched that prisma migrate or prisma deploy might solve this, but the docs have been a little too confusing to me so far. I am afraid to try different approaches out because I dont want to risk losing my tables and data.
Great tutorial, thanks a lot!
I love the Open Sourece Project videos please continue the videos
lol for now on my pronounce would be Async/Await too. Great video, my dude
First of all, excellent video and excellent explanation, very clarifying... I consult, I am currently using drizzle with pg which does not allow me to use the middleware due to the edge runtime, is it possible to use the node runtime to be able to deploy the proyect and db on local or private vps? thank you
best video on Next Auth BY FAR 🔥 well done bro
Appreciate it
Thanks for this Florian, it has been very interesting, it would be great when everything is stable to update it and could also add the login with email and traditional password. Also I would like you to show at some point how you do the migrations from Prisma to Vercel, I have not been able to make it work. Blessings to the channel and I always recommend it for the quality content it has.
What an incredible tutorial!
thankyou for this really helpful tutorial for my journey to master next js! 34:41 caught me off guard 😂😂😂
hmmm create t3 app side-steps a lot of this. But still a great video none the less.
nit: `prisma generate` 1:07:54 - surely TS will see the updated schema rather than rolling your own.
Your content is quite an experience, I know that what I will say next may not be correct, because your content is free, I am from LATAM and the English language is not my thing so I use an extension to translate your videos, but This translator or the subtitles on RUclips are only available until 3 or 4 hours into the video, then I can no longer translate and I have difficulty following the video, perhaps cutting the videos into sections would be good.
Hey Florian. When you have time, can you create an app with different user roles. For example, when a user login then depending on the role of the user, he will be redirected to the relevant path. Would be highly appreciated.
Maybe with Lucia. If you can
can you please make a video about adding scopes to the Oauth providers to get access to more user data? I tried some old next-auth solutions, but it seems they don't work
Would love to see a Next.js project which utilizes BLOB storage, maybe like a simple video/audio sharing platform!
Yes, this would be awesome! Please make it!
The best channel I ever had. I appreciate you for the special work you are doing. Thank you.
Bro you save my time thanks for it
Please, add credentials provider.
Also, can you refactor the project to use drizzle ORM, so that there's a project version using Drizzle?
You could even have it as another Github branch.
Cheers🙌
Nice video. You use neon as your database provider, can I use Supabase as mine.? And make the changes for it to work still
very well orginized & easy to follow along. Thank you for effort. Would love to see Drizzle version tough 😃
Glad you like it!
Can you -please- tell me what do you use the create your thumbnails and edit your videos?
sir i am cureently learning golang which is suitable for large scale backend apps. Since authentication and authorization is handle through frontend (next-auth,) and mutation through actions.then how we protect our custom backend like in this case is golang also why we need extra backend since everything is happen using next auth and frontend next
Thank you for the great content , i got problems with next auth and keycloack , could you please do a video in this context?
This is why i love this channel. Thank you so much for your work, you deserve more subscription
Great video!
What's the best approach when nestJS/ExpressJS or any other separate server with NextJS?
I want to maintain the same authentication architecture.
I use PassportJS for auth with Express
Great I was looking to use Next Auth in my new project maybe
It's a good choice
Great Explaination, One question does the request gets duplicated if we switch to client side authentication when using SessionProvider?
The server and client requests are separate
Thanks for this tutorial, although I've been looking for a hands on refreshtoken. If perhaps you can do a part 2 on this feature.
I don't use JWT for auth
Thank you so much, that's was helpful for me, very well explained. ❤
Bigman, this is incredible. Thank you for this. Learnt a lot.
Thank you for your video! keep the good work coming
Thank you very much for the tutorial. One question, is there a reason that you use uppercase String for the role in the declaration file?
No I was confused by this myself lol. I think it doesn't matter.
@@codinginflow Ok, thanks.
Hi, great video. Just one question. What happened with your Android's Studio tutorials?
There will be no more Android content on this channel (or any of my social media channels)
Hi, I have a small question, does this work with Pages Router? Thanks in advance.
You are always the best .. appreciate your time and efforts making these great videos ❤
bro i get WEBPACK_EXPORT_DEFAULT error ...authconfig before initialization .when i write
const session = await auth(); in any server action
What can be done ?
Great tutorials! anyway is there a plan for you to make an tutorial about making a dashboard page that use many library like 'Highchart' for displaying analytical data?
what if I wanted to use a custom email provider for magic links e.g AWS SES?
good morning sir, i just want to ask why i got this error when i trying to deploy my application on vercel. i follow all the setup the you made vercel gave me this error
Error: Page "/api/auth/[...nextauth]" is missing "generateStaticParams()" so it cannot be used with "output: export" config.
i already answered this problem, i don't no why but i think the github action generate a .yml file that generate a static next js application and because of that when we deploy our application on vercel it will failed on the configuration becuase our next js application used dynamic routes but yml create a static next js application
Hey, would love to have a tutorial on Firebase, it will help in my hackathons... thx
This was a great tutorial! Thanks!
Sir how you upload file in next js plz brig a video on this topic
really appreciate your work , great tutorial😍😍
i have the problem, if you run the build productions in local computer, the session speed is lightning fast, but in vercel this is take like about 4-5s to get session in every page
This might be caused by the middleware bug I was talking about. Delete the middleware (or rename it) and let me know if it's still slow.
Ive been working on your tutorial but I only use mongodb, I created mongoose models compatible with auth.js docs and I had to create a mongoclient adapter and extend globals type for mongoose compatibility, everything are running well after all... If you want I could fork my final project in a new branch into your repo.
Hey man, I have been having issues on a separate project . I see you have been using adapters for auth js. I am trying to run an adapter for a login in and register form. The form allows users to sign in with google but this will not work. Any ideas?
@@DailyNevFacts this is Florian channel not mine I can't help you unless he allow me to upload my project to his repo in github. 😞
Im getting MissingAdapter when trying to use Resend (I use DrizzleAdapter
) any help?
The Edge Function "middleware" size is 1 MB and your plan size limit is 1 MB. why am i getting this error while deploying the project in Vercel? Can anyone help me
hello I got an issue with settingsPage , the error said "PrismaClient is unable to run in this browser environment"
İf we want to set a jwt token ( which comes on the backend api request )
How we can do that ?
I mean how we can set expire time and token with nextAuth?
I want to expired the token backend's token expired.
Thank You Man! For this Video
You're welcome!
I would not use “if (!user) ...". to protect the user page because one could still reach out to the user page giving the user id and access the user data. I would use "if (!session?.user) ..." or add it as a 1st condition. What do you think ?
Which part do yo you mean exactly? If it's rendered on the server, it should be safe.
sorry my bad … if anyone can access the user page without being logged in then it’s fine. I was heading to allow the access to this page only if a user is logged in.
Hi developer i have qst , i made a external api with Laravel for Oauth providers and it give me the data user I want to know is i can set session to server from client or not , thanks advanced 😊
Hello this is my request to you that can you tell me how can i make my css folder of next js project accessable to googlebot.
Actully problem is that when i make project static build the css file is saved under a private folder and so google bot ignore that file when taking screenshot of my webpage (caching) google bot only take only html file so can you pls help me that what should i do.
it does not work for me unless i specify google client id and secret in auth config
Of course you need to add your own Google client id
Im having a problem with the session callback.. it runs multiple times. So if i want to save something at database there, it's doing 4x times. Couldn't find a solution to this
It's probably not the right place to store something n your DB
This is excellent work. I really appreciate you shared with us. Can you please add server side authentication ie sign up and sign in using email and password?
Hi Man. Great content. Thanks. But I have a problem: I want to use session based authentication strategy (as you know jwt is little bit unsafe) and I also credentials provider. When I adjust credentials provider in auth.ts and other files, next auth throwing error something like " 'session': 'database' strategy doesn't support credentials provider" is there any way to fix it? if not, can you suggest me a library that allow users credentials login and uses session based strategy. What should I do? Thanks.
Lucia has username + password login with session. I would use that.
How to handle this problem: Adding an item to the cart on the server side and reFetching cart items number on the client side without need to check every for example 5 seconds or so? I made Navbar client-side component and showed the number of cart items on client side component, how to automatically re-fetch the number after adding a new item?
use zustand
SWR and React query can refetch on focus if that's what you need
In production, the server actions seem to be quite slow for me, for example my login action takes a whole 3 seconds to login the user lol, even after using redis, I'm clearly doing something wrong or maybe credentials login is just slow overall with auth.js, what do you think Florian? btw, appreciate all these tutorials mate, keep it up!
Rename the middleware.ts to something else and let me know if the problem still persists
@@codinginflow I didn't even have the middleware setup lol, appreciate that mate!
Hallo Florian, ich mag deine Videos und habe eine Frage, hast du auch einen deutschen Kanal, bzw. bietest deine Kurse auch auf Deutsch an ?
Es ist nicht so einfach einen Programmiersprache zu lernen in einer Sprache die man auch nicht perfekt kennt 😅
Vielen Dank, mach weiter so 😉
Nein, lohnt sich auf Deutsch leider nicht
Amazing tutorial! Tks to share.
You are a legend 💖
Can we use the beta version in a real project?
34:41 caught me off guard
I love this. Hey can you do a project with web sockets
What do you wanna see exactly?
@@codinginflow realtime update of data without having to refresh the page, where it keeps track of the current data in the database after I update. I hope this is more clear
I have suggestions for you i u wanna grow up your channel then
Trying to make live streaming at react animate series
It high demanding topic now days
can you do a drizzle with neon ?
I've seen a new error (This is only in Production), if i authenticate through Google OAuth on server side using signIn() from "@/auth", i'm redirected but i see a 404 error page , but when i reload it works. This is only in Production. But when i get the session from client side and signIn() from "next-auth/react", i don't see this happening. Does anyone know why
Ig because signin() only works in client side. It is written in next-auth docs
why are u using neon adapter with vercel db?
To make it edge-compatible so it works in middleware. I explain that in the video.
What happened to your Android videos?
Will the user be updated if, for example, another user changes their role by removing admin status, in case one user is already logged into the site and another changes their role? Will the user whose role was changed be automatically updated?
Yes because the user data is retrieved on every request when you use sessions
@@codinginflow Wouldn't it be a strain on the server if, as I understand, every user updates their data with any interaction with the system? That's a request to the server, and when there are many users, it means a lot of requests, doesn't it?
Why do you use prisma instead mongoose ?
How to implement access token and refresh token
Excellent
Thank you so much 😀
Amazing tutorial! "My pronouns are actually async and await" 😂
Anybody has any idea how i can access the user session in my api route handlers so i can check if the user is authorized and use his id to access his data in db? Your answer is much appreciated!
The same way as in server components
Payment integratation please in your ecommerce app
I damn near fell over laughing. "My pronouns are async and await." 🤣34:40
Is the middleware fixed now ?
1:28:45 When re-login with useSession That will be be undefined on loading init session. It may need hard-reload. I think that's not proper demonstration.
That's the point
Do they have a date as to when they're gonna release a stable version?
I don't think so
Thank you. ❤❤❤🎉🎉
Good one, thanks.
Wait a minute... I could save the users data in localstorage and give him access to the main app while the cookie isn't outaged... I'll save a lot of callings to database every time the user navigate to a new server route...
That's highly insecure
@@codinginflowOk thanks for the advice.
I can't even get past 11:00 😢
I cloned, followed the exact instructions, npm installed, and get this terminal error anyway
npx auth secret
node:internal/modules/cjs/loader:1144
const err = new Error(message);
^
Error: Cannot find module 'zod'
I don't know what causes this error but you can use any random string as the auth secret
@@codinginflow thanks 🙏