Enjoy my videos & teaching? Join tapaScript as a member:
/ @tapasadhikary
Do you find Next.js Middleware difficult to understand, and challenging to use? Here is a crash course for you where you will learn:
- What is middleware?
- The app structure
- Create a middleware
- What is a matcher?
- Middleware and Route handlers
- Auth in middleware: The problem
- Auth Config - The solution
- Declaring private and protected routes
- Handling protected and public routes in middleware
- Protecting subroutes in middleware
- Oauth providers(Google, GitHub) and middleware
- Protecting API routes
Finally, a task for you to implement how an admin alone can access the dashboard after authentication. Let's GO 🚀
- Catch up with the previous video on Persisting Users to DB: • Next.js Authentication...
Hey, welcome back to another informative video from the "Full Stack With Next.js App Router" series. I hope you enjoy this one the same way you liked the previous videos from the series.
I take special care to provide you the best quality content. Please SUBSCRIBE to the channel to show your support. Also, could you like/comment on this video so that it reaches others? Thanks! 🫶
Timecodes
0:00 - We Will Learn These
01:26 - What is middleware?
05:58 - The app structure
16:51 - Create a middleware
20:10 - What is a matcher?
24:57 - Middleware and Route handlers
26:09 - Auth in middleware: The problem
31:13 - Auth Config - The solution
36:21 - Declaring private and protected routes
39:13 - Handling protected and public routes in middleware
47:40 - Protecting subroutes in middleware
50:30 - Oauth providers(Google, GitHub) and middleware
52:54 - Protecting API routes
59:46 - What's Next?
Videos mentioned:
- • JavaScript Object Dest...
- • Do We Need These JavaS...
Source Code on tapaScript GitHub:
- github.com/tapascript/learn-n... (If you like, please support the project with a ⭐)
Join tapaScript
- Join tapaScript as a member: / @tapasadhikary
- Join Discord: / discord
🤝 My Links:
- Blog: blog.greenroots.info/
- Follow on X(Twitter): / tapasadhikary
- Connect on LinkedIn: / tapasadhikary
- Follow My Work on GitHub: github.com/atapas
- Follow on Facebook: / tapasadhi
Special Links:
- If you are looking for the best content management system, here is something for FREE that you can rely on: app.caisy.io/app/signup/mwiyy...
👋 Like my work? Thank You. You can sponsor me from here:
- Sponsor Me: github.com/sponsors/atapas
- Sponsor my Blog: blog.greenroots.info/sponsor
About Me:
Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, KZitemr, and Open Source projects maintainer/contributor. He is a full-stack developer with vast experience in building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community.
You can find more about him at tapasadhikary.com.
#nextjstutorial
#next
#nextjs14
#nextauth
#authentication
#nextjs
#nextjs13
#nextjsapprouter
#thinkinginnextjs
#nextjstutorial
#next-auth
#authjs
#middleware
Негізгі бет Next.js Middleware Crash Course || App Router Protected Routes
Пікірлер: 61