PPR란?Partial Prerendering

PPR이란?

페이지를 정적 부분 + 동적 부분으로 자동 분리하는 Next.js 렌더링 모델이다. 정적 shell을 즉시 CDN에서 서빙 + 동적 부분은 Suspense로 스트리밍.

예

export default async function Page() {
  return (
    <>
      <Header />  {/* 정적 - CDN에서 즉시 */}
      <Suspense fallback={<Skeleton />}>
        <UserRecommendations />  {/* 동적 - 스트리밍 */}
      </Suspense>
      <Footer />  {/* 정적 */}
    </>
  );
}

장점

• TTFB·FCP는 SSG 수준
• 개인화는 SSR 수준
• 개발자가 렌더 전략 고를 필요 없음 — 자동 분석

현재 상태

Next.js 16부터 stable. 공식 SSR 대안으로 부상.