React Next.js slow prototype preview

I’m experiencing slow performance in my locally hosted environment. When I test my site before publishing, interactions like clicking between tabs or navigating pages are noticeably sluggish. However, once the site is deployed (e.g. hosted live), everything runs much faster. This doesn’t seem specific to Firebase Studio, it happens with local setups in general.

Are you working in NextJS? If so, are you using App router or pages router?

1 Like

Yes, I am working in a Next.js project.

This application is built using the App Router. I know this because the project’s structure uses the src/app directory, with routes defined by folders containing page.tsx files (like src/app/login/page.tsx) and shared UI defined in layout.tsx. This is the standard convention for the App Router.

Thanks @Ihsan_Duru ,
This may be a network issue. If the Firebase Studio project is hosted in a region far from where you reside, the bandwidth connection will be lower interacting with the different elements of the app.