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
Hey Byte, Someone wants to pay for the course for me. He is using his card to pay directly while i should be the one using the content. How do i go about that? I am Bennet from Nigeria.
10 out of 10. To the point, no fluffs. Authentication on server, on client, roles and permissions for authorization, route protection, UI show/hide based on authentication and authorization - job done!! SIMPLY TOP CLASS !! THANK YOU SO VERY MUCH !!! Kinde folks should be indebted to you !!
Wesley, Could you create a similar video but with custom JWT authentication and a separate backend? This should include token rotation and route protection for both the client and server.
Hey, I really like your channel. However, I have difficulties following along since there is no GitHub repo for the project. A starter GitHub repo would be nice. Thanks
It would be very helpful if you could give us an example of how to manage JWT token for authentication, in my case I use python and django as backend due to the complexity of the data, but I ran into many problems with nextjs13, cookies and the behavior in the mobile browser. Thank you very much for your videos, they are very helpful!
Thanks for this video. I wonder, in a simple scenario where you have admin users and basic users, can't you just check on the user role (basic or admin) instead of checking on permissions? In my project I have an admin area that is only for user in the admin role.
Thanks for sharing you knowledge in such clear and concise manner. I have a question though. What is your take on where Tanstack ReactQuery library sit with the advanced data fetching and caching capabilities of Next.js 14?
Protecting addQuestion server action with getKindeServerSession seems repetitive and it's violates DRY principle (dont-repeat-yourself), I guess the answer still should be a middleware, so we should be able to setup a middleware properly. Also, we violate a single responsibility principle, our addQuestion does 2 things, while it suppose to do one thing and one thing only.
Hi might be a stupid question but i saw some videos on Signals and wanted to ask if there are usecases for them in nextjs or if they can be used in next js. looks like they make a lot of stuff easier.
Hey Wes, great content!, On this specific scenario where you want the logged-in user information, and you have the auth logic in Next server actions. Would you rather leave the server component on top and drill the user as a prop in a client-component? or you prefer to host it in a context? I am assuming that having the server component on top and passing the user as a prop would work, but I am not sure about implications on the client component. Lets say the client component also needs to use more server actions, should this actions be passed also as props? or in this case we can keep a server component in a custom hook???
If you need the user data in a client component you can just use the React hook that Kinde gives you (they already do the whole thing with the Context API to keep track of the user info on the client)
Ok, I am not using Kinde, but I think I got the answer after watching your server actions video. I got confused because server actions are also imported to use them, but didn’t know if they would turn to client components because of this.
I also found this interesting: (Next docs) : If you need to use the same data (e.g. current user) in multiple components in a tree, you do not have to fetch data globally, nor forward props between components. Instead, you can use fetch or React cache in the component that needs the data without worrying about the performance implications of making multiple requests for the same data. This is possible because fetch requests are automatically memoized
![I.N "HALLUCINATION" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/n5B5q1Hwt_U/mqdefault.jpg)
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
Hey Byte, Someone wants to pay for the course for me. He is using his card to pay directly while i should be the one using the content. How do i go about that? I am Bennet from Nigeria.
10 out of 10. To the point, no fluffs. Authentication on server, on client, roles and permissions for authorization, route protection, UI show/hide based on authentication and authorization - job done!! SIMPLY TOP CLASS !! THANK YOU SO VERY MUCH !!! Kinde folks should be indebted to you !!
Wesley, Could you create a similar video but with custom JWT authentication and a separate backend? This should include token rotation and route protection for both the client and server.
Yes please.
And hopefully refresh token handling… 😄
This will be highly appreciated indeed and!!
Without using next.Auth
wiith phone
100 out of 10, can't ask for more this single video cleared a mountain of questions in my head.
Hey man this is one of the best videos I have ever seen explaining auth in nextjs
Keep going!!!!!
Great video, just what I was looking for! Any chance of a link to the GitHub repo?
pls someone tell me how to CRUD user data from kinde?
All the tutorials are with third party authentication backend, but what if it was custom with JWT and cookies?, do you have a tutorial on this?
Can you please give the GitHub URL for this project?
Hey, I really like your channel. However, I have difficulties following along since there is no GitHub repo for the project. A starter GitHub repo would be nice. Thanks
It would be very helpful if you could give us an example of how to manage JWT token for authentication, in my case I use python and django as backend due to the complexity of the data, but I ran into many problems with nextjs13, cookies and the behavior in the mobile browser. Thank you very much for your videos, they are very helpful!
please can you also do a video on the best way to deploy a next js application to vercel. server and client ?
I'm interested in authentifacation based on next+websockets+some token. Could you create this video?
is it possible to link to the repository?
How to pass user data into mongodb database.
Thanks for this video. I wonder, in a simple scenario where you have admin users and basic users, can't you just check on the user role (basic or admin) instead of checking on permissions? In my project I have an admin area that is only for user in the admin role.
Yep, that’s also possible
Thanks for sharing you knowledge in such clear and concise manner. I have a question though. What is your take on where Tanstack ReactQuery library sit with the advanced data fetching and caching capabilities of Next.js 14?
Thanks! Will create a video about this soon
where is the starter code?
git hub repo?
Can you make a video, where you talk about yourself, how you became a developer, your background, tips/advice for newcomers etc.
Awesome, thank you
Kinde is a nice auth, and pricing is also good
For the actions.ts file formData: FormData I didn't see you import a type for the formdata or does next automatically gives it FormData type
excellent video. what vs code theme do you use?
Protecting addQuestion server action with getKindeServerSession seems repetitive and it's violates DRY principle (dont-repeat-yourself), I guess the answer still should be a middleware, so we should be able to setup a middleware properly. Also, we violate a single responsibility principle, our addQuestion does 2 things, while it suppose to do one thing and one thing only.
Bro, Well Done !,, the source code would be very helpful.
Please make a video on phone authentication
Hi might be a stupid question but i saw some videos on Signals and wanted to ask if there are usecases for them in nextjs or if they can be used in next js. looks like they make a lot of stuff easier.
Hi Wesley,
Will you make a short video on projects that you built in your React and Nextjs course
Hello, what theme do you use?
Hey Wes, great content!, On this specific scenario where you want the logged-in user information, and you have the auth logic in Next server actions. Would you rather leave the server component on top and drill the user as a prop in a client-component? or you prefer to host it in a context? I am assuming that having the server component on top and passing the user as a prop would work, but I am not sure about implications on the client component. Lets say the client component also needs to use more server actions, should this actions be passed also as props? or in this case we can keep a server component in a custom hook???
If you need the user data in a client component you can just use the React hook that Kinde gives you (they already do the whole thing with the Context API to keep track of the user info on the client)
Ok, I am not using Kinde, but I think I got the answer after watching your server actions video. I got confused because server actions are also imported to use them, but didn’t know if they would turn to client components because of this.
I also found this interesting: (Next docs) : If you need to use the same data (e.g. current user) in multiple components in a tree, you do not have to fetch data globally, nor forward props between components. Instead, you can use fetch or React cache in the component that needs the data without worrying about the performance implications of making multiple requests for the same data.
This is possible because fetch requests are automatically memoized
Whats your vs code theme
try one dark pro. it's pretty cool
Any plans on having your course hosted on Udemy platform?
Nope
This Next14 we die there. Survival of the fittest, Never give up Sia
code?
dope content
Awesome
Please make paid course on Nestjs microservices and AWS
GoodJob!
please subtitles!!!
It's kinda weird to see him in clear voice 😂
First🎉