Description
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