Headless CMS & Modern Web Architecture

리액트 서버 컴포넌트

React Server Components execute exclusively on the server. Only their rendered output or RSC payload is streamed to the client, reducing browser bundles and allowing database queries and private API access to stay server-side. Browser interactions such as useState and onClick belong in client components marked with use client. Poorly designed boundaries can inadvertently pull server-only dependencies into client bundles.

Business applications and impact#

Reduces client JavaScript while enabling efficient access to internal databases and APIs.

Implementation guidance and considerations#

Understand rendering lifecycles and clearly separate server and client components.

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.

Incremental Static Regeneration

ISR (증분 정적 재생성)

Periodically regenerating selected static pages in the background without rebuilding the entire site.