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
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
3 ай бұрын
Can you make a KZread tutorial on Redux? Your explanations are top notch
@liebebilder3529
3 ай бұрын
Could you please make a video of making static and dynamic text translation
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.
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
3 ай бұрын
Haha yeah, I fumbled
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 :)
It's really great, but people care more about their credentials feature
Great speedrun!!!😊
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?
Glad to see this implementation. Please make a video on lucia auth
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.
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
3 ай бұрын
Enjoy!
How do you connect it to a database
Please anyone guide me ( In my PWA app, after payment successfully it's open in chrome browser ) what is the solution ?
Love this 😂
Good video ❤
Let's make auth with access and refresh tokens with ssr, it would be much more interesting
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
3 ай бұрын
Interesting idea
@mma-dost
3 ай бұрын
😁 waiting@@ByteGrad
wow... watch out clerk!
can we use clerkjs to break your record?
@ByteGrad
3 ай бұрын
Nah, Kinde only 😉
@xen.sky_8674
3 ай бұрын
@@ByteGrad fine, you win :D
@heykinde
3 ай бұрын
That would only slow you down :)
@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
woow
sir please teach us how to make navbar in react is tailwind CSS with mega drop-down
@thomasforselius3961
3 ай бұрын
You're already on KZread. Use it. Don't waste his time
@madhurchaturvedi5551
3 ай бұрын
@@thomasforselius3961 what the problem do you even watch his videos
Please anyone guide me ( In my PWA app, after payment successfully it's open in chrome browser ) what is the solution ?