Redirect to a different site

Answered

Spectacled Caiman posted this in #help-forum

Spectacled CaimanOP

2023-09-25T13:56:10.000Z

In the API router. How can I redirect a user to a completely different site? When the user access a route with a specific id. I grab that id, check the database, find a redirect url that matches that entry, and then I need to redirect the user. What should I do?

Answered by riský

you can just use [NextResponse.redirect](https://nextjs.org/docs/app/api-reference/functions/next-response#redirect)

View full answer

25 Replies

riský

2023-09-25T13:56:56.000Z

can you not use redirect to go to 3rd party site?: https://nextjs.org/docs/app/api-reference/functions/redirect

Spectacled CaimanOP

2023-09-25T14:00:07.000Z

In the API routes

riský

2023-09-25T14:00:34.000Z

like route.ts?

Spectacled CaimanOP

2023-09-25T14:00:39.000Z

yep

riský

2023-09-25T14:00:57.000Z

you can still do it (just make sure to return the redirect)

@riský you can still do it (just make sure to return the redirect)

Spectacled CaimanOP

2023-09-25T14:01:44.000Z

Alright let me try that

I get this error:

Error: NEXT_REDIRECT
    at getRedirectError (webpack-internal:///(rsc)/./node_modules/.pnpm/next@13.4.19_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/components/redirect.js:40:19)
    at redirect (webpack-internal:///(rsc)/./node_modules/.pnpm/next@13.4.19_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/client/components/redirect.js:50:11)
    at GET (webpack-internal:///(rsc)/./src/app/api/r/[code]/route.ts:22:73)
    at async eval (webpack-internal:///(rsc)/./node_modules/.pnpm/next@13.4.19_react-dom@18.2.0_react@18.2.0/node_modules/next/dist/server/future/route-modules/app-route/module.js:254:37) {
  digest: 'NEXT_REDIRECT;replace;https://randomsite.com',
  mutableCookies: ResponseCookies {
    _parsed: Map(0) {},
    _headers: HeadersList {
      [Symbol(headers map)]: Map(0) {},
      [Symbol(headers map sorted)]: Map(0) {}
    }
  }
}

riský

2023-09-25T14:02:50.000Z

you are having a try catch... next's redirect actually throws an "error" to work

riský

2023-09-25T14:03:09.000Z

you can just use [NextResponse.redirect](https://nextjs.org/docs/app/api-reference/functions/next-response#redirect)

Answer

Spectacled CaimanOP

2023-09-25T14:03:22.000Z

Oh shit it works thanks

I didn't know it throws an error to work

riský