What is Incremental Static Regeneration (ISR)?

Incremental Static Regeneration, abbreviated ISR, is a rendering strategy that combines the speed of static pages with the freshness of server-rendered content. Pages are served from a cache, and individual pages can be regenerated in the background on demand or on a schedule, without rebuilding the entire site.

Definition

ISR was popularized by frameworks such as Next.js. A page is generated once and cached. After a configured revalidation interval, the next request triggers a new render in the background while the old version continues to serve traffic. Once the new version is ready, it replaces the cached copy. Webhook-triggered revalidation lets upstream systems invalidate specific pages when data changes.

Why it matters

ISR fits the reality of large commerce catalogs. A full rebuild of a site with hundreds of thousands of product pages is impractical, but most pages do not change every minute. ISR keeps build times reasonable, pages fast, and content acceptably fresh, with the option to force a refresh on critical updates such as price or stock changes.

Use cases

Typical uses include product detail pages with moderately stable content, category pages, content hubs, and SEO landing pages. Combined with edge caching, ISR delivers near-static performance with near-real-time freshness. In a composable storefront, the regeneration triggers are driven by webhooks from PIM, commerce engine, and CMS, so that the static layer stays aligned with upstream changes.

Related

Explore Composable Headless Frontend · Performance and Core Web Vitals.