NextJS v16.0.3 Randomly shows blank white screen after page route change and multiple refreshes.

[bhartiP02]

Summary

I'm experiencing a random and inconsistent white screen issue in my Next.js application.

• Client-side navigation using router.push() or works correctly.
• After changing the route, the first page refresh loads fine.
• However, refreshing the same page again sometimes results in a completely blank white screen.
• This does not happen consistently, which makes it hard to reproduce.
• There are no visible runtime errors, and in many cases the console remains empty.
• This is only happening in the production only.

Recording.2026-01-16.1812455.mp4

Additional information

No response

Example

No response

[widgetwalker]

This issue in Next.js v16.0.3 usually stems from production-only inconsistencies such as hydration mismatches, stale build artifacts, or static asset loading problems. When the page renders correctly on the first refresh but intermittently shows a blank screen on subsequent reloads, it often indicates that the client-side bundle is either failing to hydrate or not being served properly. To address this, clear the .next/ folder before each build to avoid stale artifacts, verify that _next/static/ assets are being served correctly by your hosting setup, and ensure that any browser-only code is wrapped in useEffect to prevent server-side rendering conflicts. Adding error boundaries around your main layout or _app.tsx can help surface silent failures, and testing locally with next build && next start will often reveal hydration warnings that do not appear in development. If the issue persists, disabling experimental features like the app directory or React Server Components temporarily can help isolate the root cause.