Hi there!
I’m using the use cache directive in Next.js 16.0.3. It works perfectly on my local machine when I build and test my website. However, after deploying to Vercel, the behavior is completely different.
Instead of rendering the page immediately and suspending components while the data loads, the entire site waits for the data to be fetched before anything is shown. The fallback UI never appears on the deployed version, the page just remains blank (or on the previous one) until the data finishes loading. In Vercel’s Observability I can also see that nothing is being cached, and ISR write usage suddenly spikes.
I’m not sure what’s causing this issue or whether it’s something I did wrong.
Any help would be greatly appreciated. Thanks in advance!