![](\"https://img.shields.io/badge/made_with-miny-1eced8.svg\"){kind=icon}
\n ![](\"https://img.shields.io/npm/dm/nextjs-redirect.svg?color=6c5ce7\")
\n \n \n \n \n
\n Redirect to any URL in NextJS both in client and server\n
\n\n## Install\n\n```sh\nnpm install nextjs-redirect\n```\n\n## Usage\n\nLet's say you want to create a page `/donate` that redirects the user to paypal.me with a default value for the money. You create the page as you always do in NextJS (`pages/donate.js`) and then just use this component with the URL you want:\n\n```js\n// pages/donate.js\nimport redirect from 'nextjs-redirect'\nexport default redirect('https://paypal.me/pablopunk/5')\n```\n\nYou can checkout this example live in [pablopunk.com](https://pablopunk.com)\n\n### Status code (301, 302...)\n\nBy default, it will send a [301 status code](https://en.wikipedia.org/wiki/List_of_HTTP_status_codes#3xx_Redirection). This can be customized by an optional parameter:\n\n```js\nredirect('https://google.es', { statusCode: 302 })\n```\n\n### Client side dynamic routes (as)\n\nWhen redirecting on the client side, if the redirected page is dynamic (`pages/user/[userId]/info.js`), the following redirect will trigger a page refresh:\n\n```js\nredirect('/user/42/info')\n```\n\nIn this case you can use the `asUrl` option to make a smooth transition between pages without any refresh:\n\n```js\nredirect('/user/[userId]/info', { asUrl: '/user/42/info' })\n```\n\n### Static export\n\nThis package is compatible with `next export` since version 4.0.0. See [PR #4](https://github.com/pablopunk/nextjs-redirect/pull/4) for more details.\n\n### Custom UI component (HOC)\n\nIn case the navigation is happening client-side, you can use this package as a HOC to provide your custom components/styles for the UI:\n\n```jsx\nimport redirect from 'nextjs-redirect'\n\nconst Redirect = redirect('https://github.com/pablopunk')\n\nexport default () => (\n