Incremental Static Regeneration (ISR) (revalidate = 10s)

This page demonstrates Incremental Static Regeneration (ISR), a hybrid rendering strategy where the page is generated once at build time but can be transparently updated in the background at a fixed interval. ISR gives you the performance benefits of static pages while still allowing content to stay reasonably fresh without requiring a full rebuild or redeploy.

Expected Behaviour

When you load this page, you’ll see the timestamp showing when the page was last generated. If you refresh within 10 seconds, the timestamp will stay the same because the cached static version is still valid. After 10 seconds have passed, the next request triggers a background rebuild, and a new timestamp appears once the regeneration completes.

How This Page Works

• The page is generated once at build time.
• Next.js caches the static HTML and serves it instantly.
• After 10 seconds, the cached version becomes stale.
• The next request triggers a background regeneration.
• Once regenerated, all users see the updated page.