Fullstack Authentication & Authorization in Next.js using NextAuth V5 (Auth.js), Zod, Shadcn UI

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 2024

ความคิดเห็น • 114

  • @AdityaSinghCodes
    @AdityaSinghCodes  3 หลายเดือนก่อน +8

    Video for user registrations and how to make your auth edge compatible: th-cam.com/video/7h1Dp9mbf7Q/w-d-xo.html

  • @NarendraKumar-tc3bm
    @NarendraKumar-tc3bm หลายเดือนก่อน +1

    thank you so much for the video...i am sure no one has explained the AuthJs this good under an hour..

    • @AdityaSinghCodes
      @AdityaSinghCodes  หลายเดือนก่อน +1

      Thank you for the kind words.

  • @uditmehra80
    @uditmehra80 4 หลายเดือนก่อน +7

    The most satisfying video I found for the next auth 🎉

  • @shubhamsoni108
    @shubhamsoni108 4 หลายเดือนก่อน +5

    You have explained it very well, I liked it and understood it completely.

  • @rashitiwari3547
    @rashitiwari3547 4 หลายเดือนก่อน +2

    The way you explained is very simple and easy to understand. Keep making such informative videos👍

  • @dubidu420
    @dubidu420 2 หลายเดือนก่อน

    Hey man! I just want to thank you with all my heart and I am truly grateful to you for this wonderful tutorial. You won't believe the amount of trouble I had been having since the last couple of days trying to figure out how Auth Js works and how to make it work properly with social login. Even when I could, I was unable to understand how to make it work for getting extra information in the session, specifically the id.
    In one single tutorial you have covered everything and not only did you deliver what was promised, your tutorial's quality was exceptional! I had a lot of fun following along your video and it cleared all my doubts!
    I have liked and subscribed as a show of support and thanking you for your contributions, please keep uploading more great content in the future! I would love to have a detailed in-depth video on Prisma and Auth JS

    • @AdityaSinghCodes
      @AdityaSinghCodes  2 หลายเดือนก่อน

      Thank you so much for this amazing comment man. Def more content to come. Thanks for the support.

    • @dubidu420
      @dubidu420 2 หลายเดือนก่อน

      @@AdityaSinghCodes Looking forward brother

  • @markdioneeb8997
    @markdioneeb8997 2 หลายเดือนก่อน

    You have a very outstanding way of delivering your tutorials, I hope you tackle next time an actual sign-in where we are checking a real database if the user exists. Thank you very much man.

    • @AdityaSinghCodes
      @AdityaSinghCodes  2 หลายเดือนก่อน +1

      Thank you. Def I will create more videos in the future regarding this.

  • @uditmehra80
    @uditmehra80 8 วันที่ผ่านมา

    Thanks!

  • @RupakGoura
    @RupakGoura 3 หลายเดือนก่อน

    This is the best explaination that i found till now regarding the auth v5

  • @iainattwater1747
    @iainattwater1747 3 หลายเดือนก่อน +2

    Really great video - thank you. Definitely do the registration flow too.

  • @reni_christian
    @reni_christian 3 หลายเดือนก่อน

    Very well explained.👍 Looking forward for User Registration video and session based auth as well. Love you content and the way of explanation. Keep it up.

    • @AdityaSinghCodes
      @AdityaSinghCodes  3 หลายเดือนก่อน

      Hey thank you so much. I already uploaded the user registration video. Please check the pinned comment.

  • @UnchartedWorlds
    @UnchartedWorlds หลายเดือนก่อน +1

    Hi thanks for the tutorial, anyone having issues typing npx shadcn-ui@latest add card, you need to remove -ui part, its not required when installing with npx :)

  • @SirajAhmed-kz3gq
    @SirajAhmed-kz3gq 3 หลายเดือนก่อน +1

    Brother don't give up! 🙌 You will be on the day at the top 🌟 because your content is high quality plus simple to understand! 📈

    • @AdityaSinghCodes
      @AdityaSinghCodes  3 หลายเดือนก่อน

      I appreciate that!

    • @SirajAhmed-kz3gq
      @SirajAhmed-kz3gq 3 หลายเดือนก่อน

      ​@@AdityaSinghCodes "You're welcome! By the way, I'm a 15-year-old learning to code, and your tutorials have been super helpful on my journey!"​

    • @AdityaSinghCodes
      @AdityaSinghCodes  3 หลายเดือนก่อน

      That's great. I wish you the best on your journey.

    • @SirajAhmed-kz3gq
      @SirajAhmed-kz3gq 3 หลายเดือนก่อน

      @@AdityaSinghCodes Thanks

    • @SirajAhmed-kz3gq
      @SirajAhmed-kz3gq 9 วันที่ผ่านมา

      @@AdityaSinghCodes I Got My First Job! as a mobile developer.

  • @PritamChakroborty-fe4hv
    @PritamChakroborty-fe4hv 2 หลายเดือนก่อน

    Videos are extremely helpful. Efforts are appreciated.

  • @ambujtiwari4373
    @ambujtiwari4373 หลายเดือนก่อน

    Perfect explanation

  • @fullHulk
    @fullHulk 2 หลายเดือนก่อน

    This is a really informative video. Thank you!

  • @eduardlucaci7369
    @eduardlucaci7369 หลายเดือนก่อน

    Hi, thank you so much for the video. One thing is missing here, if you want, you can split the video on different sections to be easy to follow and switch between sections.

  • @josevelez6865
    @josevelez6865 หลายเดือนก่อน

    Excellent video! Thank you so much!

  • @memester6496
    @memester6496 4 หลายเดือนก่อน +2

    Man this is what I wanted. What a lovely explaination. Each and everything is clear and to the point as well. Thank you. 1 question. so instead of using the callback we can use middleware to restrict admin or user from specific pages?

    • @AdityaSinghCodes
      @AdityaSinghCodes  4 หลายเดือนก่อน +3

      Yes. You can definitely use middleware for that.

  • @James-uv7zt
    @James-uv7zt 2 หลายเดือนก่อน

    great video and communication dude

  • @dheerajvithalkar
    @dheerajvithalkar 2 หลายเดือนก่อน +1

    BHai og, literally og

  • @vernonmosterd6338
    @vernonmosterd6338 3 หลายเดือนก่อน

    Great session. Thank You

  • @UnchartedWorlds
    @UnchartedWorlds หลายเดือนก่อน

    6:30 if you have issues importing @auth, do not forget to setup alias inside tsconfig.json, something like: "@/auth": ["./src/auth.ts"] in case your project was by default setup to use src folder... adding that should fix the import

  • @MesaTube
    @MesaTube 29 วันที่ผ่านมา +1

    you saved me bro , , thanks

  • @jonelhatwell3959
    @jonelhatwell3959 3 หลายเดือนก่อน

    Great Tutorial ❤

  • @AhmadHassan-o6f
    @AhmadHassan-o6f 2 หลายเดือนก่อน

    Good work ha ap ka

  • @timeg7791
    @timeg7791 2 หลายเดือนก่อน +1

    great video subscribed

  • @dulansandaruwan3045
    @dulansandaruwan3045 3 หลายเดือนก่อน

    Great video and well explained. hope you can create user registration video as well

  • @Kamlesh20005
    @Kamlesh20005 3 หลายเดือนก่อน +3

    Subscribed ✅

  • @AsharSi
    @AsharSi 2 หลายเดือนก่อน +2

    I really don't know how credential login is working in your app. Tried hours fixing the issue but it isn't working for me.

    • @AdityaSinghCodes
      @AdityaSinghCodes  2 หลายเดือนก่อน +1

      What is the issue?

    • @AsharSi
      @AsharSi 2 หลายเดือนก่อน

      ​@@AdityaSinghCodesI followed the documentation and verified my code with your video tutorial, ensuring that my code was identical. However, I encountered issues with credential authentication due to the use of MongoDBAdapter. Upon removing it, the authentication started working seamlessly. I realized that the adapter was the root cause of the problem

  • @purvesh62
    @purvesh62 2 หลายเดือนก่อน

    Hey, thanks for the informative video. I have a question in Auth.js. If I'm using JWT tokens then how do I set an expiry for that tokens that they automatically redirects me to logout? It seems like Authjs never expires the session tokens.

    • @AdityaSinghCodes
      @AdityaSinghCodes  2 หลายเดือนก่อน

      You should be able to do this by adjusting the maxAge property inside of the session property. I believe default token expiration time is 30 days.

  • @TechKaj
    @TechKaj 2 หลายเดือนก่อน

    Best tutorial for every developers. thank you dude, just pin me.

  • @UnchartedWorlds
    @UnchartedWorlds หลายเดือนก่อน

    Aditya, it would be super helpful when we follow along if your code doesn't use such high spacing between lines, it's hard to catch all the code when lots of it is out of the view and when you scroll super fast to next step. Just a suggestion :) I enjoy your tutorials so far, recent subscriber :)

    • @AdityaSinghCodes
      @AdityaSinghCodes  หลายเดือนก่อน +1

      Hey, thanks for the feedback. I will improve upon this.

    • @UnchartedWorlds
      @UnchartedWorlds หลายเดือนก่อน

      @AdityaSinghCodes much appreciated 🥰

  • @priyalraj285
    @priyalraj285 หลายเดือนก่อน

    It works great with Google & Linkedin for me, but with creds login, how to manage the session? Like it works in localhost, but no in prod.

    • @AdityaSinghCodes
      @AdityaSinghCodes  หลายเดือนก่อน

      What issue you are facing in production ?

    • @priyalraj285
      @priyalraj285 หลายเดือนก่อน

      @@AdityaSinghCodes Like session management, like how to save the token? Currently using next auth v5, it uses __Secure-authjs.session-token in cookies in prod, but when I try to save a cookie with same name, it don't work. Like how the session will be managed for cred? It's automated for Google & Linkedin. And I am using database instead of jwt for session strategy.

  • @haodev01
    @haodev01 3 หลายเดือนก่อน

    I think you used get session in root layout(navbar), children pages is a dymaic pages ??

    • @AdityaSinghCodes
      @AdityaSinghCodes  2 หลายเดือนก่อน

      Not sure what are you talking about

    • @haodev01
      @haodev01 2 หลายเดือนก่อน

      @@AdityaSinghCodes You have used session in the root layout, this makes the child pages dynamic

  • @aman_singh__
    @aman_singh__ 2 หลายเดือนก่อน

    authorization callbacks isn't working my app is not redirecting to '/' when already logged in. Any solution ?

    • @AdityaSinghCodes
      @AdityaSinghCodes  2 หลายเดือนก่อน

      Check the repo I have provided.

  • @miszka_
    @miszka_ 2 หลายเดือนก่อน

    Love the video my man. First video that explains subject easly in understandable way! I have only one issue with this code, for some reason in auth.ts callback authorized dosent seams to work for me, I can freely access /page2 without being even logged in. Do you have any ideas why that could be happening? Adding random console logs for debugging perps shows no activity in authorized callbacks

    • @AdityaSinghCodes
      @AdityaSinghCodes  2 หลายเดือนก่อน

      Thank you. Is this happening in the repo I have provided or you have created your own ?

    • @miszka_
      @miszka_ 2 หลายเดือนก่อน

      @@AdityaSinghCodes I was able to find issue, your code works perfectly. I miss-typed word middleware with only one d

    • @AdityaSinghCodes
      @AdityaSinghCodes  2 หลายเดือนก่อน

      Perfect

  • @lamatilda
    @lamatilda หลายเดือนก่อน

    Thanks for the tuto 🙌 What is the name of the font you used for your video ?

    • @AdityaSinghCodes
      @AdityaSinghCodes  หลายเดือนก่อน

      You can get the font from here. vercel.com/font

  • @FarmingwithFahim-hb9jy
    @FarmingwithFahim-hb9jy หลายเดือนก่อน

    Bro the github repo you use Can i able to use this code cope and pase

  • @timeg7791
    @timeg7791 2 หลายเดือนก่อน

    the action folder is not there in our github repo

  • @abusomwansantos4945
    @abusomwansantos4945 3 หลายเดือนก่อน

    goodjob bro, please ive an issue. when I deploy my app, the login screen doesn't redirect to the dashboard even though the URL changes, but when I change the AUTH_URL to localhost:3000 it works perfectly well, soon as I take it back to the vercel domain it doesn't work anymore.

    • @AdityaSinghCodes
      @AdityaSinghCodes  3 หลายเดือนก่อน

      Hi. This could be related with auth untrusted host. You need to add 2 extra environment variables. I updated the repo .env.example file. Thank you.

  • @Fatma-hy5qx
    @Fatma-hy5qx 27 วันที่ผ่านมา +1

    Thanks, Is a verification e-mail sent here?

    • @AdityaSinghCodes
      @AdityaSinghCodes  27 วันที่ผ่านมา +1

      Not in this one. But in the upcoming video

  • @AsharSi
    @AsharSi 2 หลายเดือนก่อน

    Credentials login will not work in authjs when you will use mongodbadapter

    • @AdityaSinghCodes
      @AdityaSinghCodes  2 หลายเดือนก่อน

      Watch my user registration video.

  • @murali-krishnan
    @murali-krishnan หลายเดือนก่อน +1

    I'm not getting any user session details in the Navbar like you get @14:17 even though I wrapped the rootlayout with SessionProvider. I get the object that has expires with some date. But the user has only {} empty object. Could you help me figure this out? I've been banging my head for the last 2 days.
    I'm using the latest next.js app
    "next": "15.0.3",
    "next-auth": "^5.0.0-beta.25",
    "react": "19.0.0-rc-66855b96-20241106",
    "react-dom": "19.0.0-rc-66855b96-20241106",

    • @AdityaSinghCodes
      @AdityaSinghCodes  หลายเดือนก่อน

      Share your repo url. I will see if I can help.

    • @murali-krishnan
      @murali-krishnan หลายเดือนก่อน

      @@AdityaSinghCodes I can't share the repo link here. It got auto-deleted by TH-cam. Are you on X? Or Can I share the code here?

    • @AdityaSinghCodes
      @AdityaSinghCodes  หลายเดือนก่อน

      x.com/adityasinghcode

  • @thepromisebenard
    @thepromisebenard 3 หลายเดือนก่อน

    Nice video Aditya. I really love your vscode. please what theme and font do you use? Is it possible we can get your vscode settings or so?

    • @AdityaSinghCodes
      @AdityaSinghCodes  3 หลายเดือนก่อน

      Thank you. Since a lot of people ask me about my setup, I created a page on gumroad. You can get the full config here: adityasinghcodes.gumroad.com

    • @thepromisebenard
      @thepromisebenard 3 หลายเดือนก่อน

      @@AdityaSinghCodes Thank you so much, i appreciate your efforts

  • @alexdin1565
    @alexdin1565 3 หลายเดือนก่อน +1

    please can you add vidoe about accesToken and RefreshToken rotation

    • @AdityaSinghCodes
      @AdityaSinghCodes  3 หลายเดือนก่อน

      will make a video about this

  • @MayankThakur-kj3nd
    @MayankThakur-kj3nd 4 หลายเดือนก่อน

    Great Video!

  • @teachingEverythingAmLearning
    @teachingEverythingAmLearning 3 หลายเดือนก่อน

    Do you mind sharing the github repo?

  • @ramaalfinbaehaqi7872
    @ramaalfinbaehaqi7872 2 หลายเดือนก่อน +1

    Store and refresh token please

    • @AdityaSinghCodes
      @AdityaSinghCodes  หลายเดือนก่อน

      I will create a video on this when next auth supports this. Right now a race condition might occur during this process.

  • @wk1953
    @wk1953 3 หลายเดือนก่อน

    Github repo does now work :(

    • @AdityaSinghCodes
      @AdityaSinghCodes  3 หลายเดือนก่อน

      Most likely you have not generated the auth secret. Updated readme also.

  • @from.houseofgandhi
    @from.houseofgandhi 3 หลายเดือนก่อน

    Github repo link ??

  • @lakshitha_sandamal
    @lakshitha_sandamal 3 หลายเดือนก่อน

  • @flashbyte
    @flashbyte 3 หลายเดือนก่อน

    Please make a video on prisma too with mongodb as DB

    • @AdityaSinghCodes
      @AdityaSinghCodes  3 หลายเดือนก่อน +1

      Coming soon

    • @doitwithdevon
      @doitwithdevon 3 หลายเดือนก่อน

      @@AdityaSinghCodes Highly anticipated, would also like to understand how to not block off the entire app and force users to sign in to access the site.

  • @thejeffkershner
    @thejeffkershner หลายเดือนก่อน

    Why so much space between the lines of your code?!?

  • @saksham_1612
    @saksham_1612 2 หลายเดือนก่อน

    Just decrease the width of line in editor other things are really nice 💯

  • @ajinkyabendre777
    @ajinkyabendre777 หลายเดือนก่อน

    good one. you can also make small video on how we can fetch user from database using prisma instead of hardcoding may be in seperate video

  • @qadeerkhan2228
    @qadeerkhan2228 3 หลายเดือนก่อน

    i clone your repo but it don't let me loguot ?

    • @uditmehra80
      @uditmehra80 3 หลายเดือนก่อน

      Working perfectly fine for me😅

    • @AdityaSinghCodes
      @AdityaSinghCodes  3 หลายเดือนก่อน

      just checked. working absolutely fine.

  • @abolfazldexter-u8c
    @abolfazldexter-u8c 3 หลายเดือนก่อน

    source code?

  • @shakirraza8121
    @shakirraza8121 4 หลายเดือนก่อน

    github repo plz

  • @ritikkushwaha3355
    @ritikkushwaha3355 3 หลายเดือนก่อน

    great