Fast Refresh / Hot Reload not working with Next.js 15 and Tailwind CSS 4 — requires full page reload on changes

[GabrielLeandroBS]

I've created a fresh Next.js 15 project from scratch with the default configuration, integrating Tailwind CSS version 4 following the official setup guide.

However, fast refresh / hot reload is not working as expected:

Whenever I make any modification to components or styles, the page does not update automatically.

I have to manually refresh the entire page to see changes.

This severely impacts development productivity and debugging.

Steps to reproduce:

Create a new Next.js 15 project (npx create-next-app@latest)

Install and configure Tailwind CSS 4 with default settings

Start the development server (next dev)

Modify any component or style file

Observe that the page does not update automatically (no fast refresh)

Expected behavior:
Changes in component or style files should trigger a fast refresh / hot reload without a full page reload.

Actual behavior:
The browser requires a full manual reload to reflect changes.

Environment:

Next.js version: 15.x

Tailwind CSS version: 4.x

Node.js version: 20

OS: Windows 11