How to force a page refresh in Next.js

Join the 2022 Full-Stack Web Dev Bootcamp!


In a component, you can use the useRouter hook:

import { useRouter } from 'next/router'

//...

const router = useRouter()

router.reload(window.location.pathname)

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.reload(window.location.pathname)

Download my free Next.js Handbook!

Want to become a better Web Developer? Join the 2022 Web Development Bootcamp!

⭐️⭐️⭐️ Join the 2022 Web Development Bootcamp ⭐️⭐️⭐️