Blank page after router.push() in Next.js?
How to solve the blank page after you programmatically call router.push() in Next.js?
When working in Next.js, do you see a blank page after you programmatically call router.push()
?
I had this problem too, and here’s how I solved it.
Don’t write return
after calling router.push()
, and don’t use it as a return value.
Never use return
when you use it.
For example, don’t do this:
router.push('/')
return
And don’t do this:
return router.push('/')
Do this:
router.push('/')
→ Get my Next.js (pages router) Handbook
Here is how can I help you:
- COURSES where I teach everything I know
- THE VALLEY OF CODE your web development manual
- BOOTCAMP 2024 cohort in progress, next edition in 2025
- BOOKS 16 coding ebooks you can download for free on JS Python C PHP and lots more
- SOLO LAB everything I know about running a lifestyle business as a solopreneur
- Interesting links collection
- Follow me on X