Next.js PPR Platform Guide

Expert guidance on implementing Partial Prerendering (PPR) on platforms — build artifacts, resume protocol, CDN integration, and adapter implementation.

@doc-version: 16.2.6

Core Concepts

Partial Prerendering (PPR) รวม static + dynamic rendering ใน route เดียว:

• Build time: สร้าง static HTML shell + postponedState blob
• Request time: serve shell ทันที → stream dynamic content ตามหลัง

ผลลัพธ์: TTFB เร็วเท่า static page + dynamic content stream เข้ามา

How PPR Works

Build Time Output

สำหรับแต่ละ PPR route, Next.js สร้าง: