Is there a better way to get path param in API

Answered

4:44 posted this in #help-forum

2024-02-15T18:02:37.000Z

Let's say i have a route /api/foo/[id]/route.ts what i normally do in a request is

export const GET = (request: NextRequest) => {
  const url = new URL(request.url);
  const id = url.pathname.split("/").pop();
  return NextResponse.json({id});
}

Is there a better way cause this does't seem right to me? I was expecting the

GET = ({param})

to get param like this but it doesn't work.

Answered by Broad-snouted Caiman

Check Dynamic Route Segments on https://nextjs.org/docs/app/building-your-application/routing/route-handlers#dynamic-route-segments

View full answer

5 Replies

Broad-snouted Caiman

2024-02-15T18:16:42.000Z

Check Dynamic Route Segments on https://nextjs.org/docs/app/building-your-application/routing/route-handlers#dynamic-route-segments

Answer

@Broad-snouted Caiman Check Dynamic Route Segments on https://nextjs.org/docs/app/building-your-application/routing/route-handlers#dynamic-route-segments

4:44OP

2024-02-15T18:19:11.000Z

Oh so it has to be the second option, got it

Broad-snouted Caiman

2024-02-15T18:25:18.000Z

Yeah, it should be something like this:

export const GET = (request: NextRequest, { params }: { params: { id: string } }) => {
  const id = params.id
  return NextResponse.json({id});
}

@Broad-snouted Caiman Yeah, it should be something like this: ts export const GET = (request: NextRequest, { params }: { params: { id: string } }) => { const id = params.id return NextResponse.json({id}); }

4:44OP

2024-02-15T18:31:00.000Z

So how do i mark this as solved?

@4:44 So how do i mark this as solved?

Broad-snouted Caiman

2024-02-15T18:31:55.000Z

Put your cursor above my reply. It will appear 3 dots on the top-right corner. Click on that, then Apps, then Mark Solution.