X'inhu Partial Prerendering (PPR)?

Question

Accepted Answer

**Partial Prerendering (PPR)** huwa mudell ta' rendering ta' Next.js li jgħaqqad **kontenut statiku u dinamiku f'paġna waħda** — jipprovdi shell statiku istantanju filwaqt li jstrawd il-partijiet dinamiċi. Jħaqqal il-linja l-qadima ta' all-or-nothing bejn SSG u SSR. ## Il-problema li jsolvi Tradizzjonalment paġna kienet *jew* kompletament statika (mgħaġġla, iżda ma tistax ikollu kontenut għal kull user) *jew* kompletament dinamika (tista' tiġi ppersonalizzata, iżda aktar bil-mod u mhux cacheble). Paġni reali huma miksba: paġna ta' prodott għandha layout/deskrizzjoni statika iżda għadd ta' cart dinamiku u rakkomandasjonijiet personalizzati. PPR jippermetti l-**istess paġna** tkun it-tnejn. ## Kif jaħdem ```tsx import { Suspense } from "react"; export default function ProductPage() { return (

{/* STATIC — prerendered, served instantly from CDN */} {/* STATIC — same for everyone */} }> {/* DYNAMIC — streamed in per request */} }> {/* DYNAMIC — personalized, streamed */}

); } ``` L-idea ewlenija: kollox **barra** minn ħadd `` huwa **prerendered bħala shell statiku** fil-ħin tal-build. Kollox **ġewwa** Suspense (li jaqra data dinamika — cookies, headers, fetches mhux cachebliet) jitwettaq bħala "toqba" dinamika li tstrawd fil-ħin tar-request. ## Is-sekwenza ta' delivery ```text 1. Static shell (header, product info, skeletons) → served INSTANTLY from the edge/CDN 2. Dynamic holes (cart, recommendations) → stream in and replace the skeletons ``` L-utent jieħel first paint meaningful immedjatament (shell statiku minn CDN), imbagħad il-pezzi personalizzati jimplew — aħjar ta' t-tnejn: veloċità statika *u* kontenut dinamiku, mingħajr routing separata jew deċiżjoni ta' rendering-mode. ## Status ```text PPR has been an experimental/incremental feature; enable per-config/route. Check your Next.js version — the API and stability have been evolving. ``` ## Għaliex huwa importanti PPR inaqqas il-għażla falsa bejn "mgħaġġel iżda statiku" u "dinamiku iżda bil-mod." Billi prerender il-shell u jstrawd biss il-toqob dinamiċi (immarkat minn Suspense), paġna waħda twassalhom paint ewlieni istantanju mill-CDN flimkien ma' kontenut personalizzat — awtomatikament, mingħajr ma taqsam il-paġna jew tintgħażel manwali SSG vs SSR. Jirrappreżenta fejn qed tmur ir-rendering ta' Next.js: granular, kumpożizzjoni statika/dinamika per-komponent.