Next.js Route Handlers | API Routes in Nextjs 13

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

👇 Follow Me On Social Media:

(00:00) Intro
(00:05) Welcome
(00:28) Note on src directory
(01:23) New Route Handlers for API Routes
(02:51) Example API endpoint
(06:06) NextResponse
(07:59) GET Params & echo endpoint
(13:30) Dynamically Evaluated Routes
(14:30) POST Route Handler for a Form

📚 Tutorial References:

#nextjs #route #handlers

[zombiefacesupreme]

Great video! I was ready to nitpick about whether or not you should put your handlers in a specific folder and you tip toed around that confusion perfectly.

The biggest re-factor in this whole thing is change req.body to req.json() on every dang route lol.

[saman]

I've been following this Next JS course in last 8 days and honestly this is the first time I could grasp most of the concept in such a short time, it's all because of your through explanation. You have my gratitude and I really appreciate your effort and hard work Dave 🔥

[bushbuddyplatypus]

A little progress everyday. great advice. I'm coming from Angular and have learnt React and Next over the past few months. It has been tough but getting there one hour at a time.

[karanchilwal]

Hey Dave, I want to express my gratitude for providing such valuable and high-quality videos and explaining topics in a clear and concise manner. I've been following your Next.js series, and I'm wondering how many more videos you plan to release in this series. Thank you for sharing your expertise and knowledge with us!

[AliMaher]

Thx Dave. Your tutorials makes NextJS docs more easy to understand

[kk]

Thanks a lot Dave! I 've learned a lot from your series

[dopetag]

Thank you Dave. It's a really helpful api routes overview!

[vsakaria]

Next js doc have updated the example to api dir. Great work Dave

[maak]

Enjoying this Next.js series.
Just wanted to mention that the link to the next video in this series that shows up in the final seconds of the video is pointing to 9. Middleware instead of 8. REST API.
Caused a little confusion but thought I'd mention it.

[patite]

Thank you for this series! I would appreciate, if you could some videos on the different new features of version 13.3. Thank you!

[markuscwatson]

Hey Dave, thanks for this. I’d love it if your next video would show how to store data in a database using something like Prisma. Thanks.

[sdfsfsfd]

Awesome videos! Many thanks for these Nextjs13 info! 💯💛

[jeffery]

Clear and easily understand ! thank you!

[Grishopping]

As always thank you very much Dave for your fantastic videos, regards Jose Grillo

[whpyxbt]

Hey Dave, you're great, and thanks a lot for providing us such awesome tutorials. I have got a question, what if I want to send files to the API route or backend? In a react app I've done this using new formData() API in the client side, and in the backend to get the formdata I also used multer package. Now, I'm wondering how do I achieve the same thing in the next Js?

[youneshenni]

amazing tutorial. You have a gift for teaching.

[FAYZs]

you are a great instructor . Thank you

[ardenttechie]

Thank you for the tutorial. I have been searching for this solution for a while now but I can sleep well tonight.

[camembertsucreausucre]

Hi dave, what a great tutorial, do you know how i can set an api key ?

[HamidRazaButt]

Thanks dave for this brilliant work🎉🎉❤