Add Auth & Protect Routes in Next.js in 2 Minutes

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

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

  • @ByteGrad
    @ByteGrad  10 หลายเดือนก่อน +7

    I'm not as fast as I thought haha, but still pretty easy to add auth to an app these days.
    My latest course is out now (Professional React & Next.js): bytegrad.com/courses/professional-react-nextjs -- I'm very proud of this course, my best work!

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

      Can you make a TH-cam tutorial on Redux? Your explanations are top notch

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

      Could you please make a video of making static and dynamic text translation

  • @prohacker5086
    @prohacker5086 10 หลายเดือนก่อน +18

    Seems like it's basically the same thing with the Auth.js, just MUCH MUCH more straightforward. Authjs has seen at least 5 major versions and every one of them is another kind of pain to use with almost non-existent documentation.
    I don't know how flexible Kinde is to adapt to custom solutions like simple jwt with custom backend, but im sure as hell anything is worth a try just to avoid the Authjs lava floor.

  • @GreasyBacon288
    @GreasyBacon288 10 หลายเดือนก่อน +13

    you can actually create new file(or folder if you want the last item to be a folder instead). Then type `api/auth/[kindeAuth]/route.js` in one go and it'll create the folders/file for you want!

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

      Haha yeah, I fumbled

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

    1:00
    just press "New File" and write "app/auth/[kindeAuth]/route.ts" and vscode creates all falders that u need.
    Even you started as "New File" but u need only folder, just end with "/", for example: "my-folder/", then vscode creates folder instad file wihout extension :)

  • @CastiMta
    @CastiMta 10 หลายเดือนก่อน +11

    It's really great, but people care more about their credentials feature

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

    Glad to see this implementation. Please make a video on lucia auth

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

    Great speedrun!!!😊

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

    Is there a way to use Kinde without the src folder? My nextjs project doesn't have it . SDK is explicitly looking for that folder. Any suggestions?

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

    How do you connect it to a database

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

    I've purchased your CSS and Javascript courses just now bro. Gonna go deep into it and after that your React/Next.js course 😁😁

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

      Enjoy!

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

      how was it?

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

      It's really great. Finished the Next.js course as well. Now making my own projects with those help. ​@@codingjogo

  • @Anto-mi5pn
    @Anto-mi5pn 10 หลายเดือนก่อน

    So the users are saved in their database, right? How does that work? Do they expose other helper methods to perform CRUD operations on the users of our application?

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

    Love this 😂

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

    Hi I realy love your teaching style and I would realy love to do your React-Course but unfortunatly I am broke and unemployed at the moment. Will it be on Sale eventually or is it possible to get some kind of discount code? I know you realy put in alot of work with the course and I would love to learn more from you it´s just that 110 after tax is alot of money in my positon.

  • @Qasimyousaf-zw5kw
    @Qasimyousaf-zw5kw 10 หลายเดือนก่อน +2

    Good video ❤

  • @mma-dost
    @mma-dost 10 หลายเดือนก่อน +1

    Hey, can you please make a crash course on micro frontend and module federation? Wanted to learn about them what are they? Recruiter will be impressed maybe 😁😁

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

      Interesting idea

    • @mma-dost
      @mma-dost 10 หลายเดือนก่อน

      😁 waiting@@ByteGrad

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

    Let's make auth with access and refresh tokens with ssr, it would be much more interesting

  • @xen.sky_8674
    @xen.sky_8674 10 หลายเดือนก่อน

    can we use clerkjs to break your record?

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

      Nah, Kinde only 😉

    • @xen.sky_8674
      @xen.sky_8674 10 หลายเดือนก่อน +1

      @@ByteGrad fine, you win :D

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

      That would only slow you down :)

    • @xen.sky_8674
      @xen.sky_8674 10 หลายเดือนก่อน

      @@heykinde Not really, I could set up a basic auth with just 3-4 steps. I'm yet to try kinde tho

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

    wow... watch out clerk!

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

    sir please teach us how to make navbar in react is tailwind CSS with mega drop-down

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

      You're already on TH-cam. Use it. Don't waste his time

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

      @@thomasforselius3961 what the problem do you even watch his videos

  • @404-not-found-service
    @404-not-found-service 9 หลายเดือนก่อน +1

    woow