Recipes: How to force a page refresh in Next.js

Join the AI Workshop to learn more about AI and how it can be applied to web development. Next cohort February 1st, 2026

The AI-first Web Development BOOTCAMP cohort starts February 24th, 2026. 10 weeks of intensive training and hands-on projects.


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)

Lessons in this unit:

0: Introduction
1: Using the router to detect the active link in Next.js
2: Next.js Email Authentication using NextAuth
3: Next.js embed youtube video - next
4: ▶︎ How to force a page refresh in Next.js
5: How to add Google Analytics 4 to Next.js
6: Next.js, how to open a link in a new window
7: How to parse Markdown in Next.js
8: How to add ReCaptcha to a Next.js form
9: How to upload files in a Next.js form