Next.js 15 PPR in Produktion — was Partial Prerendering in der Praxis verändert Partial Prerendering (PPR) ist in Next.js 15 ein stabilisiertes Feature, mit dem statische und dynamische Bereiche auf derselben Seite kombiniert werden. Der folgende Überblick zeigt, welche Auswirkungen das in einem echten Production-Deployment hatte. ## PPR-Kernkonzept - Die statische Shell wird zuerst ausgeliefert: Header, Footer und Layout erreichen den Browser sofort

• Dynamische Bereiche werden gestreamt: Personalisierte Inhalte und Echtzeitdaten werden über Suspense schrittweise nachgeladen
• Ergebnis: TTFB auf dem Niveau statischer Seiten, ohne auf dynamische Inhalte zu verzichten ```tsx

// app/products/[id]/page.tsx export const experimental_ppr = true export default function Page({ params }) { return (

- TTFB: 480ms (Warten darauf, dass das serverseitige Daten-Fetching abgeschlossen ist)
- FCP: 620ms
- LCP: 1.2s ### Nach der PPR-Migration
- TTFB: 85ms (statische Shell wird sofort ausgeliefert)
- FCP: 210ms
- LCP: 980ms (sobald der Empfehlungsbereich fertig gestreamt wurde) **82% TTFB-Verbesserung**, während alle Core Web Vitals in den grünen Bereich wechselten. ## Caching-Strategie PPR legt den statischen Teil im CDN-Cache ab, während dynamische Abschnitte ungecached bleiben. Next.js übernimmt diese Trennung automatisch: ```tsx
// Static — prerendered at build time, cached permanently
function StaticProductInfo({ id }) { const product = getStaticProduct(id) // fetch + revalidate return <ProductCard {...product} />
} // Dynamic — executed on every request
async function DynamicRecommendations({ userId }) { const items = await getPersonalized(userId, { cache: "no-store" }) return <List items={items} />
}

1. 1headers() / cookies() im Blick behalten: Diese Aufrufe aktivieren automatisch den dynamischen Modus. Verwende sie deshalb nicht innerhalb der statischen Shell
2. 2Längere Build-Zeit einplanen: Weil mehr Routen prerendered werden, steigt die Build-Zeit um 20-30%
3. 3dynamic imports gezielt einsetzen: Zu viele dynamische Imports in statischen Bereichen können die Erzeugung der Shell ausbremsen ## CF Pages + PPR-Kombination PPR wird beim Deployment auf Cloudflare Pages (@opennextjs/cloudflare 2.x) vollständig unterstützt.

• Statische Shell: wird sofort vom CF CDN ausgeliefert
• Dynamische Bereiche: werden über CF Workers gestreamt
• Nutzt alle 330 globalen PoPs ## Vergleich: PPR vs ISR vs SSR | Rendering | Erstes Byte | Dynamische Daten | Cache-Strategie |