Using path parameter on API of NextJS

Question

I have a simple pages/api/thumbnail.js file with a handler:

export default async function handler(req, res) {
  console.dir(req.params)
  // ...
}

On a pure express server, it is possible to have a "path parameter", but on NextJS I got a error 404 if a try to pass some path on my API.

Example:

http://localhost:3000/api/thumbnail >> OK, it works

Now with a path:

http://localhost:3000/api/thumbnail/something >> ERROR, 404 not found!

Using NextJS API is it possible to use path parameters or only query string?

PS. I am using Vercel, if using a rewrite is the only solution, its acceptable to me.

andrejb-dev · Accepted Answer · 2023-08-10 12:57:42Z

5

You can try adding three dots on the file name like this: pages/api/thumbnail/[[...params]].js Then you can load the params in your handler from req.query

Source: optional-catch-all-api-routes in next.js docs

edited Aug 10, 2023 at 12:57

answered Jun 16, 2021 at 21:02

andrejb-dev

2,4771 gold badge36 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

darKnight Over a year ago

How to access query params in this case? i.e. if we have both path and query params?

andrejb-dev Over a year ago

@darKnight I am not working with next.js for a while, but I used to import useSarchParams, see here nextjs.org/docs/app/api-reference/functions/use-search-params

Collectives™ on Stack Overflow

Using path parameter on API of NextJS

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related