NextJs 13 API routes in `app` folder | NextJs 13 series

In this video, we'll look at the new route handlers in the app folder, replacing the API routes in the pages directory. We'll review the new metadata API and the `next/font` package.

👉🏼 The Ultimate NextJs Course

👉🏼 Source code (checkout the 13.2 branch)

👉🏼 NextJs 13 video playlist

👉🏼 next/font video

CHAPTERS

0:00 Intro
0:35 Release note
2:00 Route handlers
3:45 Create a new project
6:00 Anatomy of route handlers
9:30 Create new API endpoints
10:24 Dynamic API routes
11:34 Search parameters
17:10 Migrating our API endpoints
25:20 Mutations
28:10 The new metadata API
34:00 next/font package
38:08 Outro

[maryamsh]

I've been learning Nextjs for a month and I've learned from you a lot. I'm so grateful. You're the best. Yedooneyi👌

[hqasmei]

This is exactly what I was looking for! Awesome content Hamed, extremely helpful, well explained. Thank you!

[noormuhammad]

Thank you so much for creating the content as soon as the update released. I was having a hard time understanding the latest changes, you made it easier. Subscribed.

[raulparra]

Again you have helped me a lot. I searched for this for a long time and finally found it. Thank you.

[MadRad]

Thank you for your clear and logical explanations, extremely helpful!

[clovisfrankish]

Great content as always, well done Hamed! I'm looking forward for the new Rust MDX content to update my site.

[trusht]

A great tutorial again. Thanks for the detailed explanations.

[Happyday-nnrh]

this content about nextjs is very useful to help better understand whats happening thanks for your useful content

[Omar_Muhammad]

Thanks a lot, I was strugling to understand new API routing in next 13.2.

[eliuddyn]

Amazing tutorial bro.. A master piece 🔥🔥

[roniaxelrad]

Fastest in YouTube, and crystal clear. Thanks Hamed!

[sdsim]

Thank you very much. It helped me a lot.

[JoseLuRu]

This was really helpful!
Sometimes I need to watch someone applying features to understamd them better

[merictunc]

I was looking for getting request parameters. Thank you!

[relaxcode]

Hi Hamed! Excelent content thank you for sharing. Is a way to run next13 only for api, disabling page.js to work only as backend for api rest? Thank you!

[musicaddict-bsel]

Thank you, but how I see can body parameters in post request in this new API (I want to use them to create some data with prisma)

[oliveirades]

Whey i try to do this with the latest next, I got the error `dynamic = "error"`. Anyone know how to get query params without this error ?

[afxcrush]

how should I use generateStaticParams for dynamic routing? v'Been struggling with this new functions

[thechronicgrump]

so if I wanted to display the result of my route handler on a page, Id just do that like any other API with like axios or something?

[razonspielt]

Sir I am very new to this and I have question. What if need to upload my next js app to a webhoster? can i just mak an npm build command and put the build to a Webhoster and my mongodb to atlas?