Headless CMS & Modern Web Architecture

ISR (증분 정적 재생성)

Popularized by Next.js, ISR first generates static HTML as SSG does. After a configured revalidation interval, such as 60 seconds, a subsequent visitor triggers background regeneration of that page. Visitors immediately receive the cached version, which may be slightly stale, while a new version is prepared for later requests. This stale-while-revalidate pattern suits news and e-commerce sites with many pages where rebuilding everything at once would be inefficient.

Business applications and impact#

Combines fast static delivery with periodic updates to the underlying data.

Implementation guidance and considerations#

Choose revalidation intervals with the stale-while-revalidate cache behavior in mind.

Decoupled Architecture

디커플드 아키텍처

A software architecture in which independent back-end and front-end layers communicate exclusively through APIs.

Static Site Generation

SSG (정적 사이트 생성)

Generating pre-rendered HTML, CSS and JavaScript as static files at build time.

Server-Side Rendering

SSR (서버 사이드 렌더링)

Generating HTML dynamically on the server for each incoming request and delivering it to the browser.

Hydration

하이드레이션

Attaching client-side event listeners and state to server-rendered HTML to make it interactive.