Static Rendering

이 페이지는 빌드 시 렌더링되었습니다. 새로고침해도 아래 타임스탬프가 변하지 않습니다.

렌더링 시각 (빌드 타임에 고정):

오후 1:37:56

새로고침해보세요 — 시각이 변하지 않습니다.

소스코드

// static-page/page.tsx
// dynamic API(cookies, headers 등) 미사용
// → 자동으로 Static Rendering

const now = new Date().toLocaleTimeString('ko-KR');

const StaticRenderingPage = () => {
  return (
    <div>
      <p>렌더링 시각: {now}</p>
      {/* 빌드 시 한 번만 실행 → 항상 같은 시각 */}
    </div>
  );
};

핵심: dynamic API(cookies, headers, searchParams 등)를 사용하지 않는 Server Component는 기본적으로 Static으로 렌더링됩니다. 빌드 시 HTML이 생성되고 CDN에 캐시되므로 가장 빠릅니다.

← 목록으로 돌아가기