Skip to content

How to programmatically change a route in Next.js

New Courses Coming Soon

Join the waiting lists

In a component, you can use the useRouter hook:

import { useRouter } from 'next/router'


const router = useRouter()


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'


Here is how can I help you: