Slow Fast Refresh on Pages with Async/Await, Revalidating All Page Data
Unanswered
Three-toed Woodpecker posted this in #help-forum
Three-toed WoodpeckerOP
I'm currently using Next.js version 15.0.2, with the app router and Turbopack enabled. My project generally runs smoothly, but I've noticed an issue with the Fast Refresh feature, which I expected to be much faster based on some posts and documentation I read.
When I make changes to a component — even one that isn't in page.tsx (e.g. a component in layout.tsx) — if the page itself uses async/await for server-side requests, all data on the page will be revalidated before the component updates. This revalidation delay is taking me about 3-6 seconds, especially noticeable on the initial load where multiple server-side requests are made.
When I make changes to a component — even one that isn't in page.tsx (e.g. a component in layout.tsx) — if the page itself uses async/await for server-side requests, all data on the page will be revalidated before the component updates. This revalidation delay is taking me about 3-6 seconds, especially noticeable on the initial load where multiple server-side requests are made.