서버 사이드 렌더링 (SSR)

이전 절에서는 SSG로 빌드 시점에 페이지를 미리 생성하는 방법을 다뤘습니다. SSG는 매우 빠르지만 모든 서비스에 항상 맞는 해법은 아닙니다.

Server Component라는 이유만으로 요청마다 실행되지는 않습니다. 동적 API나 connection()으로 요청 시점 경계를 명시합니다.

1

SSR 개념

서버 사이드 렌더링(SSR)은 사용자가 페이지를 요청할 때마다 서버에서 데이터를 가져와 페이지를 HTML로 렌더링한 후 클라이언트로 전송하는 방식입니다.

서버 사이드 렌더링(SSR)
2

App Router에서 SSR 구현하기

요청 정보가 필요하면 cookies()·headers()를, 요청마다 계산만 해야 하면 await connection()을 사용합니다.

요청 시점 경계
3

SSR과 SSG의 선택 기준

SSR과 SSG는 각각의 장단점이 명확하므로, 애플리케이션의 특정 요구사항에 따라 적절한 렌더링 전략을 선택해야 합니다.

정적 · 동적 경계