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

Рет қаралды 13,504

Күн бұрын

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

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 KZfaq tutorial on Redux? Your explanations are top notch

@liebebilder3529 3 ай бұрын

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

@prohacker5086 3 ай бұрын

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

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

@somefishhere 3 ай бұрын

Great speedrun!!!😊

@snatvb 3 ай бұрын

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 :)

@coders_rant 3 ай бұрын

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

@CastiMta 3 ай бұрын

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

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

Enjoy!

@poizonncs8264 3 ай бұрын

Love this 😂

@Anto-mi5pn 3 ай бұрын

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?

@dennisb1590 3 ай бұрын

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

Good video ❤

@user-go5sj4ht9z 3 ай бұрын

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

@JustThink2000 Ай бұрын

How do you connect it to a database

@MrJettann 3 ай бұрын

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

@codewrangler 3 ай бұрын

wow... watch out clerk!

@mma-dost 3 ай бұрын

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