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