1. What is Incremental Static Site Generation (iSSG)?

Incremental static site generation, aka incremental static regeneration (ISR), is a pattern added to static site generation that allows updating of existing pages and adding new ones, by pre-rendering a subset of pages in the background even while receiving new requests for pages

2. How does Incremental Static Site Generation (iSSG) work?

How does Incremental Static Site Generation work?
  • it allows adding new pages by creating and caching them on demand
  • and updating existing pages using the stale-while-revalidate mechanism

3. What are the Pros and Cons of Incremental Static Site Generation (iSSG)?


Pros:

  • dynamic data without a full rebuild
  • speed
    • as fast as SSG in the best case
  • availability
    • fairly recent page available even if regeneration fails

Cons:

  • stale data
    • users of existing pages see stale data
  • breaks atomic and immutable deployment and rollback
  • difficult to debug due to stale-while-revalidate caching

4. When should you use Incremental Static Site Generation (iSSG)?

  • when you want to do static site generation, but the build is too often or takes too long
  • when showing stale content or different content to different users is not a problem

Perfect for sites with millions of pages like e-commerce and big content websites


Resources

Incremental Static Generation
Update static content after you have built your site
Keeping things fresh with stale-while-revalidate
stale-while-revalidate helps developers balance between immediacy—loading cached content right away—and freshness—ensuring updates to the cached content are used in the future.
Understand Next.js’s ISR against the SSR & SSG | Storyblok
Learn more about the Incremental Static Regeneration in Next.js and understand when you should use ISR, SSR, and SSG in your project.
Incremental Static Regeneration: Its Benefits and Its Flaws
There are some awesome pros and some serious cons to using incremental static regeneration in your projects.
Considerations for Incremental Static Regeneration in Next.js
Some considerations when implementing Incremental Static Regeneration and On-Demand Revalidation in Next.js
A Complete Guide To Incremental Static Regeneration (ISR) With Next.js — Smashing Magazine
Incremental Static Regeneration (ISR) is a new evolution of the Jamstack, allowing you to update static content instantly without needing a full rebuild of your site. The hybrid approach of Next.js allows you to use ISR for e-commerce, marketing pages, blog posts, ad-backed media, and more.
ISR vs DPR: Big Words, Quick Explanation — Smashing Magazine
There are two strategies for incrementally building websites that are growing in popularity: Incremental Static Regeneration and Distributed Persistent Rendering. What’s the difference? Let’s figure it out.
Next.js: Build Times & Incremental Static Regeneration to the Rescue
Static site generation is different, we are in the Jamstack world now. With it we focus on creating…
v3 Release Notes | Gatsby
Welcome to gatsby@3.0.0 release (March 2021 #1). This is the first major bump of Gatsby since September 2018 ! We’ve tried to make…
The Fastest Frontend for the Headless Web | Gatsby
Gatsby is a React-based open source framework with performance, scalability and security built-in. Collaborate, build and deploy 1000x faster with Gatsby Cloud.
Incremental Static Regeneration | JavaScript Patterns
Website created for the FrontendMasters course on JavaScript Patterns by Lydia Hallie
React Hooks Data Fetching: Stale-while-revalidate | Toptal®
Custom React Hooks make stale-while-refresh logic fully reusable!