Rendering Strategies: SSG, ISR & Islands Architecture

Rendering strategies such as SSG, ISR and islands architecture determine when and where the HTML of a page is generated: Static Site Generation (SSG) creates pages during the build process and serves them as static files from a CDN, without server rendering at runtime. Incremental Static Regeneration (ISR), known from Next.js, extends this model with the option of regenerating individual static pages in the background after a defined time window, without a complete rebuild. The islands architecture, used by Astro for example, goes further: the page is static HTML by default, and only explicitly marked interactive islands load their own JavaScript. Qwik pursues a related approach with its resumability concept, in which the client state is taken from the server HTML so that the app does not have to be fully hydrated again on load.

In practice

For editorial websites, blogs and landing pages without frequently changing or personalised content, SSG is usually the fastest and cheapest choice, because there are no server costs for rendering at runtime. ISR suits content that changes regularly, product prices or news for example, but does not need to be accurate to the second: once the revalidation window has passed, the next visitor still receives the cached version immediately while a new one is generated in the background, so time to first byte does not suffer. Only a genuine cache miss – a page that has never been pre-generated and is created on request – is noticeably slower. The islands architecture is particularly interesting for content-heavy pages with few interactive elements, such as an ordering widget or a slider, because Astro pages are often delivered entirely without JavaScript and only the islands themselves load script code. When rebuilding a website technically, choose the rendering strategy on the basis of the actual content type, since pure SSR solutions are often oversized when content rarely changes. For a relaunch it is worth checking whether a hybrid approach, with SSG for content pages and ISR or SSR only for dynamic areas such as the basket or login, reduces load times and hosting costs at the same time.

Matching service

Sources

← Back to the glossary