NextJS : Hot Reload not working

Hello,

I initialized an app using the NextJS template.
I didn’t change any config.

When I edit the content of page.tsx, the app do not refresh automaticaly.
I have to click on the refresh button to see the changes.

What am I doing wrong ?

1 Like

Do you see any errors in the Terminal?

The only error I see is
Error: :warning: Blocked cross-origin request from 9000-idx-crons-status-1742481219530.cluster-rcyheetymngt4qx5fpswua3ry4.cloudworkstations.dev. To allow this, configure “allowedDevOrigins” in next.config

But I don’t think it’s related to my problem (?)

If I try to made a change in page.tsx, I got

2025-03-21T08:39:19Z [web] Reloading preview…

2025-03-21T08:39:20Z [web] :play_button: Preview running

But nothing changes in the preview

Is this a newly created template?

Yes it is a newly created one

Same problem, did you find any solution yet please share with us.

Sorry, didn’t look any further

If you are still looking for a cloud based environment you can try Github Codespaces, it’s actually better, but AI features are limited, and sure without Firebase integration benefits

If this is still failing with a new prototype then the issue is the browser or some network configuration.

If hot reload works on a new prototype but not with your current the issue is with the Next.js instance and some broken dev server.

Make sure there is not an issue when trying to do a production build (which will surface errors) or some runtime conflict