Add Auth & Protect Routes in React in 3 Minutes (Kinde)

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

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

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

    Hi, 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!
    I'm also a brand ambassador for Kinde (paid sponsorship). Check out Kinde for authentication and more bit.ly/3QOe1Bh

  • @trinidadjohnpatrickc.441
    @trinidadjohnpatrickc.441 7 หลายเดือนก่อน +2

    This is pretty useful if you already know how authentication works and dont want to hassle yourself coding it by scratch. Thanks for the video!

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

    Thank you, I just wanted to implement this in my project with next, a hug and these videos are appreciated

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

    i don't know if i missed a part of the video or not but when i tried this when ever i refresh the page or go to diffrent page i lose the authentication and have to relogin how do i keep the user logged in ?

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

    Thanks for the video! This would be really good for OAuth, as you've demonstrated.

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

      Yep, very easy to use the social logins

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

    brother thats sugeestions in your code how what is the extension for that?!

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

    Brilliant pitch, great knowledge

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

    Is there any git repository to learn reactjs (professional) with redux, middleware.

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

    i have a hard time with routes man, why i can't handle it in separate file like you did, routes just don't work

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

    that was pretty informative. Learnt something today. 🎉

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

      Glad it was helpful!

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

    i swear this was the easiest authentication in react i have ever seen

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

    This is simple...please make video on how to integrate this with backend node/express server with protected api end point (authorisation)....i see no resources for that

  • @Can-el3cj
    @Can-el3cj 9 หลายเดือนก่อน +1

    nice video!

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

      Enjoy!

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

    Awesome video ❤🎉

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

      Enjoy!

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

    Can you make a tanstack router video

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

    My bro said don't learn web development, ai will replace coding jobs and stuff making me anxious and stuff, and i just started with web development path, idk what to do please guide me about this Ai taking everything like what is it i just joined in man 😢😢😢

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

      Nah, I do a ton of coding work that’s not easily replaceable by AI at all. Maybe in 10+ years it’s a different story

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

    React native please

  • @edward481
    @edward481 23 วันที่ผ่านมา

    My isAuthenticated is always false.

  • @vinniv6806
    @vinniv6806 9 หลายเดือนก่อน +6

    or just write your own auth logic. It's simple. And you will learn something valuable about it.

    • @ByteGrad
      @ByteGrad  9 หลายเดือนก่อน +5

      I highly recommend against this. As soon as you get past the basics it’s not simple at all and mistakes are very costly

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

      nope. I know that you must advertise Kinde in this video. I don't have problem with it. But creating own - session based auth in NextJS isn't rocket science. And the biggest benefit is - you have your own code. You don't rely on 3rd party in crucial component in your app. For example: what will you do, when kinde will no longer be mantained? And all good coders know that there are no code without a bug :) @@ByteGrad

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

      That's fine for a practice project with no security requirements but the countless data leaks in the real world show that it's not so easy to protect sensitive data. Plus it's complex and time-consuming to add organizations / teams / SSO / 2FA / roles & permissions / user management UI dashboard / etc. all by yourself. Kinde allows you to export data at any time and has a generous free tier up to 10500 MAU. You do pay some money when your project hits scale which is fair value IMO.

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

      I took me one week to write own auth with all the features you mention above (minus teams - client will never use it). I have 85k unique logins / month. I paid for professional security check. All green. So it's possible. Also - I'm not against Kinde / Clerk or other "login platforms". I'm just saying they are not mandatory. And all of them are very expensive for big projects. My client is saving a lot of money, because of my own auth. And happy client brings more clients :) More clients = more easy money to earn. The holy circle of webdev :) @@ByteGrad

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

      it didn't block anytning. Auth was developed on dev side, not production. Session based auth is very simple - tech wise. All browsers and mobile versions of them are supporting all of the key elements of it. Security audit was like $1k. It's a big webstore with many, many users. But not all of them are buying - generating revenue. You also cannot charge for registration :). Kinde / Clerk are good for SaaS / PaaS. But not for ecommerce project, when you have triple digits K users, thousands of daily logins. The cost is too high. Session based auths are more secure than cookie based. Also - security issues - not a problem. Browsers engines are not changing session handlers during updates. It's pointless. Sessions are also on server side so there is -->almost