← 스터디로 돌아가기← 목록으로 돌아가기
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에 진입하는 순간 백그라운드에서 데이터를 가져오므로, 클릭 시 거의 즉시 화면이 전환됩니다.