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

Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). Add auth to your Next.js app fast: bit.ly/3QOe1Bh
Next.js + Authentication starter repo: github.com/ByteGrad/nextjs-au...
My speedrun entry on X: / 1757802798610055677
Kinde website: bit.ly/3QOe1Bh
👉 NEW React & Next.js Course: bytegrad.com/courses/professi...
👉 Professional JavaScript Course: bytegrad.com/courses/professi...
👉 Professional CSS Course: bytegrad.com/courses/professi...
👉 Web development roadmap for 2024 & 2025: email.bytegrad.com
👉 Discord: all my courses have a private Discord where I actively participate
🔔 Email newsletter (BIG update soon): email.bytegrad.com
⏱️ Timestamps:
0:00 Overview
0:17 SPEEDRUN
2:17 Protect route
#webdevelopment #programming #coding #reactjs #nextjs

Пікірлер: 33

  • @ByteGrad
    @ByteGrad3 ай бұрын

    I'm not as fast as I thought haha, but still pretty easy to add auth to an app these days. My speedrun entry on X: twitter.com/ByteGradCom/status/1757802798610055677 Kinde website: kinde.com

  • @Dipj01

    @Dipj01

    3 ай бұрын

    Can you make a KZread tutorial on Redux? Your explanations are top notch

  • @liebebilder3529

    @liebebilder3529

    3 ай бұрын

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

  • @prohacker5086
    @prohacker50863 ай бұрын

    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
    @GreasyBacon2883 ай бұрын

    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

    3 ай бұрын

    Haha yeah, I fumbled

  • @snatvb
    @snatvb3 ай бұрын

    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
    @CastiMta3 ай бұрын

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

  • @somefishhere
    @somefishhere3 ай бұрын

    Great speedrun!!!😊

  • @Anto-mi5pn
    @Anto-mi5pn3 ай бұрын

    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?

  • @coders_rant
    @coders_rant3 ай бұрын

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

  • @dennisb1590
    @dennisb15903 ай бұрын

    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.

  • @brancode404
    @brancode4043 ай бұрын

    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

    3 ай бұрын

    Enjoy!

  • @JustThink2000
    @JustThink2000Ай бұрын

    How do you connect it to a database

  • @user-go5sj4ht9z
    @user-go5sj4ht9z3 ай бұрын

    Please anyone guide me ( In my PWA app, after payment successfully it's open in chrome browser ) what is the solution ?

  • @poizonncs8264
    @poizonncs82643 ай бұрын

    Love this 😂

  • @Qasimyousaf-zw5kw
    @Qasimyousaf-zw5kw3 ай бұрын

    Good video ❤

  • @MrJettann
    @MrJettann3 ай бұрын

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

  • @mma-dost
    @mma-dost3 ай бұрын

    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

    3 ай бұрын

    Interesting idea

  • @mma-dost

    @mma-dost

    3 ай бұрын

    😁 waiting@@ByteGrad

  • @codewrangler
    @codewrangler3 ай бұрын

    wow... watch out clerk!

  • @xen.sky_8674
    @xen.sky_86743 ай бұрын

    can we use clerkjs to break your record?

  • @ByteGrad

    @ByteGrad

    3 ай бұрын

    Nah, Kinde only 😉

  • @xen.sky_8674

    @xen.sky_8674

    3 ай бұрын

    @@ByteGrad fine, you win :D

  • @heykinde

    @heykinde

    3 ай бұрын

    That would only slow you down :)

  • @xen.sky_8674

    @xen.sky_8674

    3 ай бұрын

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

  • @404-not-found-service
    @404-not-found-service2 ай бұрын

    woow

  • @madhurchaturvedi5551
    @madhurchaturvedi55513 ай бұрын

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

  • @thomasforselius3961

    @thomasforselius3961

    3 ай бұрын

    You're already on KZread. Use it. Don't waste his time

  • @madhurchaturvedi5551

    @madhurchaturvedi5551

    3 ай бұрын

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

  • @user-go5sj4ht9z
    @user-go5sj4ht9z3 ай бұрын

    Please anyone guide me ( In my PWA app, after payment successfully it's open in chrome browser ) what is the solution ?