Skip to main content
← 스터디로 돌아가기

Static 라우트

이 페이지는 빌드 시 미리 렌더링됩니다. viewport에 들어온 Link가 이 라우트를 전체 prefetch하므로, 클릭 시 즉시 전환됩니다.

이 페이지의 소스코드

// app/demo/.../prefetching/static/page.tsx
// Server Component — 서버에서 렌더링
// generateStaticParams 없이도 정적 렌더링 가능 (dynamic 의존성 없음)

const StaticPage = () => {
  return (
    <div>
      <h1>Static 라우트</h1>
      <p>빌드 시 미리 렌더링됨</p>
    </div>
  );
};

export default StaticPage;

Prefetch 동작: Static route는 전체 RSC Payload가 prefetch됩니다. 이전 페이지에서 이 링크가 viewport에 진입하는 순간 백그라운드에서 데이터를 가져오므로, 클릭 시 거의 즉시 화면이 전환됩니다.

← 목록으로 돌아가기