How to programmatically change a route in Next.js

In a component, you can use the useRouter hook:

import { useRouter } from 'next/router'

//...

const router = useRouter()

router.push('/test')

Sometimes you can’t, for example when you’re not in a React component, maybe in a utility function.

In that case, you can do this:

import Router from 'next/router'

Router.push('/test')


This content originally appeared on flaviocopes.com and was authored by flaviocopes.com

In a component, you can use the useRouter hook:

import { useRouter } from 'next/router'

//...

const router = useRouter()

router.push('/test')

Sometimes you can’t, for example when you’re not in a React component, maybe in a utility function.

In that case, you can do this:

import Router from 'next/router'

Router.push('/test')


This content originally appeared on flaviocopes.com and was authored by flaviocopes.com


Print Share Comment Cite Upload Translate Updates
APA

flaviocopes.com | Sciencx (2021-05-10T05:00:00+00:00) How to programmatically change a route in Next.js. Retrieved from https://www.scien.cx/2021/05/10/how-to-programmatically-change-a-route-in-next-js/

MLA
" » How to programmatically change a route in Next.js." flaviocopes.com | Sciencx - Monday May 10, 2021, https://www.scien.cx/2021/05/10/how-to-programmatically-change-a-route-in-next-js/
HARVARD
flaviocopes.com | Sciencx Monday May 10, 2021 » How to programmatically change a route in Next.js., viewed ,<https://www.scien.cx/2021/05/10/how-to-programmatically-change-a-route-in-next-js/>
VANCOUVER
flaviocopes.com | Sciencx - » How to programmatically change a route in Next.js. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/05/10/how-to-programmatically-change-a-route-in-next-js/
CHICAGO
" » How to programmatically change a route in Next.js." flaviocopes.com | Sciencx - Accessed . https://www.scien.cx/2021/05/10/how-to-programmatically-change-a-route-in-next-js/
IEEE
" » How to programmatically change a route in Next.js." flaviocopes.com | Sciencx [Online]. Available: https://www.scien.cx/2021/05/10/how-to-programmatically-change-a-route-in-next-js/. [Accessed: ]
rf:citation
» How to programmatically change a route in Next.js | flaviocopes.com | Sciencx | https://www.scien.cx/2021/05/10/how-to-programmatically-change-a-route-in-next-js/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts