Next.js 16.2 — Partial Prerendering 안정화와 새 기능

PPR 안정화

Partial Prerendering이 안정 버전이 되었습니다. 정적 셸 + 동적 콘텐츠의 최적 조합입니다.

사용법

// app/products/page.tsx
import { Suspense } from "react";

export default function Products() {
  return (
    <div>
      {/* 정적으로 프리렌더링 */}
      <Header />
      <CategoryNav />
      
      {/* 동적으로 스트리밍 */}
      <Suspense fallback={<ProductsSkeleton />}>
        <ProductList />
      </Suspense>
      
      <Suspense fallback={<ReviewsSkeleton />}>
        <Reviews />
      </Suspense>
    </div>
  );
}

새 캐싱 API

use cache 디렉티브로 더 세밀한 캐싱 제어가 가능합니다.