Next.js Middleware & Cors | Nextjs 13 tutorial

⭐ Become a full-stack web dev with Zero To Mastery Courses:

👇 Follow Me On Social Media:

(00:00) Intro
(00:05) Welcome
(00:27) Starter Code
(01:00) Quick follow-up on last lesson
(04:47) Middleware file
(07:17) Matching paths
(11:20) Matching with conditionals
(13:10) Rate limiting middleware
(25:41) Applying Cors middleware features
(37:01) Wrap up

📚 Tutorial References:

#nextjs #middleware #cors

[deepyslow]

Stumbled into this channel 2 days ago! It's ridiculous the amount of stuff I have learned already. What a great teacher.

[helaluddin-ngqr]

Thank you so much. This has helped me. Please make videos like this. We are with you.

[maurocamerini]

The only solution that worked, i were so happy when i saw the console log from the middleware!!! Thank you so much!

[shayanhdry]

Thank you Dave I was afraid of App router but thanks to you I understand it and understand the Docs better

[Tyheir]

Needed to migrate from express to next. Was completely lost with my cors errors, u saved me a lot more hours of headaches thank you

[estevanulian]

That's what I call high-quality content! Thank you.

[rossanobr]

I don't now how to thank you for this video. I live in a very poor place and I would never have enought money to pay a class with the content of your channel. Thaank you

[mohitcodeswell]

Awesome content Dave! Carry on these videos and please focus on the real world as much as you can.💯

[sunnymittal]

Thanks, Dave! I'm basically a master in React but am just getting acquainted with Next 13 and this was super helpful. Many thanks! New subscriber :)

[ozzyfromspace]

ngl this video took an unexpected turn (meant in a GOOD way). This was very informative and I learned a ton. Thanks, Dave!

[NOTHING-enue]

i still can't believe that you put these tutorials for free, thanks a lot ❤

[cwd]

Thank you for all of your videos. Your kind and detailed explanations make it really easy for me to understand the topics well.

[andresgutgon]

This helped me to understand better CORS in NextJS. Thanks!

[mattburgess]

I fundamentally don’t get this middleware approach. I’ve seen dozens of examples and they all do the same things: apply ONE middleware. But this isn’t how middleware works. It’s typically a stack. The API routes need CORS. The authorised routes need auth middleware. Language detection.

How you would handle this in this pattern is a complete mystery to me.

[deepakpateljb]

Hello and welcome sir ❤️ i m from non cs background working as a full stack dev bcoz of dave sir ❤️...!

[vittoriomorellini]

I appreciate a lot this lesson. A perfect explanation of waht is a middleware, this concept I can apply to every language as every architecture. Very good the explanation about cors how to manage the error with a new NextResponse. Thank you Dave!!

[NSDrowned]

Great content! Exactly what I needed to know about how to apply cors without a library 👍

[justiceessiel]

you made mention of the RateLimiter having a dependency that is would not work in the edge Runtime. How do I know the dependencies that wont work on the Edge Runtime. Wish I can get a little more context on the Edge Runtime as well

[ofirlevy]

Thanks, like always amazing content.
Please do session on Auth front and back with Next

[lukeskywalker]

Thx for the limiter feature! Super good :)