Next js middleware 🚀 | Next js And Tailwind CSS Episode 07
Next js 13 middleware 🚀 | Next js 13 And Tailwind CSS Episode 07
📝 Completed codes: https://github.com/mohammad-taheri1/n...
Full Playlist: • Next js and Tailwind CSS Tutorial
In this episode, We Will create a middleware for our next js 13 project.
Let's check what is middleware on Next.js official document:
Middleware allows you to run code before a request is completed. Then, based on the incoming request, you can modify the response by rewriting, redirecting, modifying the request or response headers, or responding directly
Link: https://nextjs.org/docs/app/building-...
✏️ sections
- (00:00:00) Intro
- (00:00:15) What is middleware?
- (00:00:38) Setup next js project
- (00:01:28) Example 1: Standard mathcer
- (00:04:51) Example 2: conditional matching with includes()
- (00:06:56) Example 3 conditional matching with RegExp
- (00:09:27) Outro
🌎 Me:
Telegram: https://t.me/DevEmpower
LinkedIn: / mohammad-taheri1
GitHub: https://github.com/mohammad-taheri1
Medium: / devempower
Portfolio: https://devempower.ir/
💖 Hope you enjoy it 💖
💖 If you loved this Next js 13 And Tailwind CSS tutorial, leave comments, like, and subscribe 💖
💖 You can Buy me a coffee to support: https://www.buymeacoffee.com/DevEmpower 💖
search queries:
next js
next js middleware
next js middleware redirect
middleware in next js
tailwind css
next js project
next js 13 middleware