Complete Source Code 👇 github.com/HuXn-WebDev/Auth.js-v5-Complete-Course Full Stack JavaScript Complete Course 👇 ruclips.net/p/PLSDeUiTMfxW6VChKWb26Z_mPR4f6fAmMV If You Want To Support My Work 👇 ruclips.net/channel/UCbBt6Ks7M5BZx_GHgGO_UNQjoin
Hey HuXn, you did great work! I really enjoyed the project, although the auth part was quite challenging. Anyway, thank you very much for the great work; we appreciate it.
your just awesome , if my carear had an turning point remember its cuz of you😫, i ve improved a lot from being nothing to being a developer , love you so much ❤❤,and can you post an video on Deployment of projects in vercel with integrated backend database plss , ive completed That MERN stack E-Commerce but i dont know how to deploy
Hey bro do you have a discord server? I think you should build it and your student from RUclips can discuss anything about programming language, because you are one of the best teacher in programming language that I found it.. Thanks a lot sir :))
thanks huxen for providing such like tut. i like the way you code and explain things thanks thanks thanks. by the way in this project you forget something when some user want to login by using google or github the information such as name, image etc should be saved or created in mongodb database, but you didn't do such functionality in your code. could you make short video for this functionality?
Hey, great tutorial Huxn you are so funny bro. Just wanted to let ppl know if they get Access Denied when they try to use guthub or google login in, i just changed callbacks in the auth.ts file to callback and it fixed it. IDK if thats the best or even a smart way but it works
editing suggestion bro - dont play whole video at start, play part of it only, 2 min of timelapse is too much to watch for viewers Anyways, the video is awesome as always!
Everything working fine in development. But while deploying it on Vercel. I am struggling with this error :- The error was caused by importing 'mongoose/dist/browser.umd.js' in './lib/mongoose.js'. Import trace for requested module: ./lib/mongoose.js ./auth.js ./middleware.js
Is there anyone who is still getting the Error: Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported. even after giving same name
Hey, if we have a separate backend with access & refresh token based strategy then how can we perform auth with next app? We should be able to access protected routes from both client & server components & also silently refresh the access token.
You can return an error from the server action and create normal React components that accept an error prop. I recommend reading the server actions and authentication from NextJS docs
@@unknownguywholovespizza i created form as client side component and made a function as clientAction called server action in it , passed action as client side action ,it worked,
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!
wrap your request in auth() function like this export const GET = auth(function GET(req) { if (!req.auth) return NextResponse.json({ message: "Not authenticated" }, { status: 401 }); return NextResponse.json(req.auth) })
This is an amazing tutorial really.. really appreciate your time and effort. I implemented it along the video.. amazing once again. I was just wondering for protected routes , is there a better way to do like centrally instead of checking at every page? that would be great to learn.. Also i am getting one error in auth.ts file for the session when i say session.user.role = token.role i am seeing an error Property 'role' does not exist on type 'AdapterUser & User'
Is it only me getting the horrible Error: NEXT_REDIRECT at getRedirectError (webpack-internal:///(rsc)/./node_modules/next/dist/client/components/redirect.js:49:19), /node_modules/next/dist/server/lib/start-server.js:141:13) { When trying to call `redirect("/signin") ?
Complete Source Code 👇
github.com/HuXn-WebDev/Auth.js-v5-Complete-Course
Full Stack JavaScript Complete Course 👇
ruclips.net/p/PLSDeUiTMfxW6VChKWb26Z_mPR4f6fAmMV
If You Want To Support My Work 👇
ruclips.net/channel/UCbBt6Ks7M5BZx_GHgGO_UNQjoin
i swear i was doing authentication using clerk auth and it was so hard and saw a notification of this video. you are the best
haha Right On Time 🤝
Literally the most awaited video on authjs on RUclips and here huxn just uploads it keep it up
You giving a best course with monster knowledge about the course😊😊
You are the best youtuber and teacher for IT. Can you make the next video is react query and Zustand with Typescript, please ?
i have been studying authjs and react hook form for the last few days, and this video helped me A LOT. Thank you so much Huxn!
Your are the best teacher 👏👏👏👏✔✔
As long as this video is from HuXn web dev, it has so much value. Thank you.
Hey HuXn, you did great work! I really enjoyed the project, although the auth part was quite challenging. Anyway, thank you very much for the great work; we appreciate it.
vote for full stack application with nextjs, typescript and mongodb👍
Say no to mongodb, postgres is much better with drizzle ORM.
@@sssrikanthhh don't be so serious bro, that comment was just for comment purposes😂
@@sssrikanthhh more comments... more reach on this video🥂✅
Why newbies like you are so much obsessed with mongodb? Why not postgres or mysql?
@@ashutosh_tiwarinaah prisma is better than drizzle it is easy to setup and creating database schema is way easy
I don't use Next.js. But, it was awesome! Thanks man!
Sir is back ❤🎉🔥
Thank you for this course 🔥
My Brother ❤️
great tutorial HuXn🥰 ...if possible do full stack nextjs using mongo DB crud and all related to full stack
your just awesome , if my carear had an turning point remember its cuz of you😫, i ve improved a lot from being nothing to being a developer , love you so much ❤❤,and can you post an video on Deployment of projects in vercel with integrated backend database plss , ive completed That MERN stack E-Commerce but i dont know how to deploy
Mind blowing. man you really did great job. i learned a lot
loced your style brother,
loved the contect loved the style. keep going 👌🏻👌🏻
best video ever! thanks!
Hey bro do you have a discord server? I think you should build it and your student from RUclips can discuss anything about programming language, because you are one of the best teacher in programming language that I found it.. Thanks a lot sir :))
Thanks man... you're a real time problem solver❤❤ ❤
The GOAT IS BACK!
thanks huxen for providing such like tut. i like the way you code and explain things thanks thanks thanks. by the way in this project you forget something when some user want to login by using google or github the information such as name, image etc should be saved or created in mongodb database, but you didn't do such functionality in your code. could you make short video for this functionality?
Thank you HuXn…🔥🔥🔥💯
You saved me !! Thank you
Fantastic! Great refresher and update.
Bro is really very underrated ❤
That intro was fire, btw mate can you teach us Angular?
Thank you very much for this awesome tutorial! Please can you make a video tutorial on threejs 🙏
You are the best my friend ❤❤❤❤
Hey, great tutorial Huxn you are so funny bro. Just wanted to let ppl know if they get Access Denied when they try to use guthub or google login in, i just changed callbacks in the auth.ts file to callback and it fixed it. IDK if thats the best or even a smart way but it works
Thank you bro , keep it up ❤
Oh. A new channel 😄
Amaaaaazing, Bro.
Thanks 😊
you are an OG
Thanks for the tutorial 🎉
editing suggestion bro - dont play whole video at start, play part of it only, 2 min of timelapse is too much to watch for viewers
Anyways, the video is awesome as always!
dope intro
thanks very very good
Thanks!
Really love you 💗💗
Wow
Everything working fine in development. But while deploying it on Vercel. I am struggling with this error :- The error was caused by importing 'mongoose/dist/browser.umd.js' in './lib/mongoose.js'.
Import trace for requested module:
./lib/mongoose.js
./auth.js
./middleware.js
hey bro!
can you please create a next js project with strapi and postgres sql for online job portal?
I'm working on something bigger 👀
will take a while ...
@@huxnwebdev 😳😳😳😳😳😳
What browser and setup do you use? It's really cool.
Huxn plan for live stream, We are waiting to interact with you.
Ps: Big fan. ❤
People will laugh at my stream brother😂
@@huxnwebdev whatever it is, we just want to see you and express our gratitude for your effort and honesty. Seriously, you are exceptional.💗
what vs code theme you are using ?
dude what is the browser theme you are using with those sick sound effect?
hey huxn one humble request please make a video on authentication and authorization in MERN stack but with two token access and refresh
Sir which language will u suggest for Backend learning as a beginner
Is there anyone who is still getting the Error: Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported. even after giving same name
Whats that feature sound when you type on the keyboard and scroll ? 😮😮😮😮😮
Brother can you teach us what is the correct of way of reading a documentation ?
Can I use this route protection logic for production
Which theme is this
And what the icon extention name 🎉
what theme are you using
Hey, if we have a separate backend with access & refresh token based strategy then how can we perform auth with next app? We should be able to access protected routes from both client & server components & also silently refresh the access token.
Can someone tell me how he gets all that information just by hovering over a function or library? ex for the nextAuth library he gets all that info?
Please can guy make a video on how to send mail on sign up and for forgot password
Brother, how can I signOut from "use client" component ? pls tell me
which browser you use, and which theme in vscode please tell me
the browser is opera gx but the theme i also want to know xD i think he won't respond
@@ahmedahmedx9600 he made a video already about his vs code theme you can check and thank you for browser
how to display errors on the form like incorrect password / provide both email and password
You can return an error from the server action and create normal React components that accept an error prop.
I recommend reading the server actions and authentication from NextJS docs
@@unknownguywholovespizza i created form as client side component and made a function as clientAction called server action in it , passed action as client side action ,it worked,
bro how to handle video file in next js with typescript it shows type error while in react js without typescript it doesn't show any error
ill try to make a video on that :)
@@huxnwebdev thaks will be waiting for the video
it would be great if u could do a framer motion and gsap course with next js
Is Authjs V5 fit for production?
❤❤❤ fullstack + nextjs + …..
1:26:02
What would the code be like if I used PostgreSQL?
Access token and refresh token how to implement
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!
wrap your request in auth() function like this
export const GET = auth(function GET(req) {
if (!req.auth) return NextResponse.json({ message: "Not authenticated" }, { status: 401 });
return NextResponse.json(req.auth)
})
Coool
Can anyone tell me vscode theme name, this guy using
We want unfiltered huxn !
1:24:06
You so funy
Lets check if I am too late to comment😅
This is an amazing tutorial really.. really appreciate your time and effort. I implemented it along the video.. amazing once again. I was just wondering for protected routes , is there a better way to do like centrally instead of checking at every page? that would be great to learn.. Also i am getting one error in auth.ts file for the session when i say session.user.role = token.role i am seeing an error Property 'role' does not exist on type 'AdapterUser & User'
HOW IS ALL OF THIS FREE???!!!?!
Make lucia auth course 🥹🥹
chintu jaldi se dhood le aa........
Is it only me getting the horrible Error: NEXT_REDIRECT
at getRedirectError (webpack-internal:///(rsc)/./node_modules/next/dist/client/components/redirect.js:49:19), /node_modules/next/dist/server/lib/start-server.js:141:13) {
When trying to call `redirect("/signin") ?
Argh! It was because I had it in a try/catch... :(