Q30: What is Partial Pre-rendering (PPR) in Next.js?
Partial Pre-rendering (PPR) combines static pre-rendering and dynamic streaming in a single HTTP response. The static HTML shell (headers, layout) is served instantly from cache, while dynamic holes wrapped in <Suspense> stream in parallel over the same connection.
Partial Pre-rendering (PPR) Visual Architecture
Key Takeaways
- Merges SSG speed with SSR dynamic streaming within a single page response.
- Uses React Suspense boundaries to define dynamic holes inside static shells.
Knowledge Check
How does Partial Pre-rendering (PPR) handle static and dynamic content on a single page?