Çfarë është Partial Prerendering (PPR)?

Question

Accepted Answer

**Partial Prerendering (PPR)** është një model renderimi në Next.js që kombinon **përmbajtjen statike dhe dinamike në një faqe të vetme** — duke shërbyer një shell statike të menjëhershme ndërsa transmeton pjesët dinamike. Ai zbehet linjën e vjetër të gjithë-ose-asgjë midis SSG dhe SSR. ## Problemi që zgjidh Tradicionalisht një faqe ishte *ose* plotësisht statike (e shpejtë, por nuk mund të ketë përmbajtje për-përdorues) *ose* plotësisht dinamike (mund të personalizohet, por më e ngadaltë dhe jo-cacheable). Faqet reale janë të përziera: një faqe produkti ka një plan-file/përshkrim statik por një numër shportë dinamik dhe rekomandime të personalizuara. PPR lejon që **faqja e njëjtë** të jetë të dyja. ## Si funksionon ```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 */}

); } ``` Ideja kryesore: gjithçka **jashtë** një kufiri `` është **prerenderuar si një shell statike** në kohën e ndërtimit. Çdo gjë **brenda** Suspense (e cila lexon të dhëna dinamike — cookies, headers, fetch të pa-cacheable) trajtohet si një "vrimë" dinamike që transmeton në kohën e kërkesës. ## Sekuenca e dorëzimit ```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 ``` Përdoruesi merr një pintura të parë me kuptim menjëherë (shell statike nga CDN), pastaj pjesët e personalizuara plotësohen — më e mira nga të dyja: shpejtësia statike *dhe* përmbajtja dinamike, pa asnjë routing të veçantë ose vendim për mënyrën e renderimit. ## Statusi ```text PPR has been an experimental/incremental feature; enable per-config/route. Check your Next.js version — the API and stability have been evolving. ``` ## Pse ka rëndësi PPR heq zgjedhjen e rreme midis "e shpejtë por statike" dhe "dinamike por e ngadaltë." Duke prerenderuar shell-in dhe duke transmetuar vetëm vrimat dinamike (të shënuara nga Suspense), një faqe e vetme jep një pintura të parë të çastit CDN plus përmbajtje të personalizuara — automatikisht, pa ndarë faqen ose pa zgjedhur manualisht SSG vs SSR. Ai përfaqëson drejtimet ku po shkon renderimi në Next.js: kompozijon granular, statik/dinamik për-komponent.