NextJS Just Changed API Routing

Get up to speed on how NextJS 13 with the App Router does API routing. A must know for folks writing React on NextJS.

#shorts

[dogik]

I love just return instead of res.send

[EthanStandel]

I feel like it's worth noting that you don't have to use app/api, you can just have API routes anywhere that you want in the app dir

[over]

Sweet can’t wait til I build a business around this architecture then they completely change it again in 2 years and also maybe start charging me for it!

[jackdavenport]

I love having a function for each method, so much cleaner and it works a lot like express or something.

[owenwexler]

I actually like this, it makes TypeScript a first-class citizen in the world of NextJS API routes finally. I was just handling NextJS API routes with TS the old fashioned pre-app router way yesterday and my God what a convoluted pita it was especially compared to this.

That said, still not even considering app router for anything serious until it’s stable and out of beta and I’ve done considerable prototyping.
“Bleed responsibly.” - Theo Browne

[Harshsepil]

I used this for a react + vercel project and it’s working seamlessly 😄

[qveygxl]

Concise, straight to the point, great, thank you.

[_roj]

You can get query params from the request. No need to create a URL object and extract from it like in the caveman days

[alexisalbertoza]

That theme looks really nice! What's that one?

[DanCortes]

FYI, I believe this is the same way /pages/api/ routes work if you enable the edge runtime.

[vikingthedude]

Definitely prefer exporting functions over if/else

[egretfx]

yeah..i was working on that this week and i love it❤

[zombiefacesupreme]

One clarification: it doesn't need to be in the /app/API directory-- you can do a route handler anywhere that you name a file route.ts!

[kashmirtechtv]

How many things we should learn?? I'm very confused!!! Every 6 months, a new thing pops up!!

[CoJestSynu]

Great video! I have concerns about this in case of DX, especially in IDEs. Reading all api dirs structure with route.ts inside might not be that easy to do so, Ctrl + P to search files across workspace won’t be faster either

[abdullahawan]

I am sending a request with form-data where I am sending an image. Please can anyone tell me how I can access files to upload in new api routes.(Showed in this video)

[abner]

this is a better way for routting than react router

[gamescope]

Hello thanks for the video.
I have question can we use next js rest api with flutter ?

[yassinesafraoui]

this doesn't solve the problem next had with the old way of doing APIs, which is WebSockets, it was already hard to set them up before Next 13( idk how hard it is to do that now), but with express for example it's pretty straightforward.

[rakeshchandradash]

Could you please share the vs code theme and fonts you are using, it looks very good