How to make 301 redirect in NextJS Vercel project?

1
votes

How can I make 301 re directions from one url to another in NextJS application that is stored on Vercel?

I tried to add custom express server using server.js file but the re directions works only locally and then I read this at vercel: "A custom server can not be deployed on Vercel, the platform Next.js was made for." https://nextjs.org/docs/advanced-features/custom-server

Is there any way to make 301 re directions and still host my app on Vercel?

1
node.jsreactjsexpressnext.jsvercel

1 Answers

1
votes

Yes you can configure redirects within Vercel (while keeping the project hosted on Vercel). You just have to use a vercel.json file in the root of your directory. The format of the redirect is like this:

// vercel.json
{
  "source": "/when-user-hits-this-path",
  "destination": "/redirect-them-to-this-path"
}

There's more information on specifics in the vercel docs: https://vercel.com/docs/configuration#project/redirects

Good luck!

  • Jake