title: NextJS static pages never get refreshed in browser although revalidated on server
body: <p>I have a NextJS project with many sites that use <code>getStaticProps()</code> in combination with <code>revalidate</code>. As expected, the pages are generated at build time and are rebuilt in the specified interval (verified using a REST client). However, the users never get to see the refreshed version of the page because the browser seems to cache the generated html. In production, the NextJS server generates caching headers as follows: <code>Cache-Control: s-maxage=60, stale-while-revalidate</code>. No matter how long I wait or journey through the page, the browser never requests the updated page. I only get to see the new data when I manually refresh the page - which I cannot ask my users to do on a daily basis. I also tried overwriting the <code>Cache-Control</code> headers to <code>max-age=60, s-maxage=60, stale-while-revalidate=120</code> using the nginx that sits in front of the NextJS server, but no chance. For links on the page I use <code>import Link from &quot;next/link&quot;</code>. Any ideas on this?</p>