რა არის Partial Prerendering (PPR)?

Question

Accepted Answer

**Partial Prerendering (PPR)** არის Next.js-ის რენდერინგის მოდელი, რომელიც **სტატიკური და დინამიური კონტენტს აერთიანებს ერთ გვერდში** — მაშინვე სტატიკური გარსის მიწოდებისას დინამიური ნაწილები სტრიმინგით გადის. ის ჟამს გამოუტოვებელი ხაზი SSG-სა და SSR-ს შორის. ## პრობლემა, რომელიც მას ჭრის ტრადიციულად გვერდი იყო *ან* სრულად სტატიკური (სწრაფი, მაგრამ არ შეიძლება აქვს თითოეული მომხმარებლის კონტენტი) *ან* სრულად დინამიური (შეიძლება იყოს პერსონალიზებული, მაგრამ ნელი და დაუფიქსირებელი). რეალური გვერდები შერეული არის: პროდუქტის გვერდს აქვს სტატიკური განლაგება/აღწერა მაგრამ დინამიური კალათის რაოდენობა და პერსონალიზებული რეკომენდაციები. PPR-ი იძლევა **იმავე გვერდის** ორივე იყოს. ## როგორ მუშაობს ის ```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 */}

); } ``` ძირითადი იდეა: ყველაფერი **გარე მხრიდან** `` ფარგლების არის **წინასწარ რენდერებული როგორც სტატიკური გარსი** build დროს. ყველაფერი **შიგნით** Suspense (რომელიც კითხულობს დინამიურ მონაცემებს — cookies, headers, დაუფიქსირებელი fetches) განიხილება როგორც დინამიური "ხვრელი" რომელიც სტრიმინგით შედის მოთხოვნის დროს. ## მიწოდების თანმიმდევრობა ```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 ``` მომხმარებელი მიერ ღირებული პირველი ხატვა მაშინვე (სტატიკური გარსი CDN-იდან), შემდეგ პერსონალიზებული ნაწილები ივსება — საუკეთესო-სორტირებული: სტატიკური სიჩქარე *და* დინამიური კონტენტი, ცალკე მარშრუტიზაციის ან რენდერინგ-რეჟიმის გადაწყვეტილების გარეშე. ## სტატუსი ```text PPR has been an experimental/incremental feature; enable per-config/route. Check your Next.js version — the API and stability have been evolving. ``` ## რატომ აქვს მნიშვნელობა PPR აშორებს ცრუ არჩევანს "სწრაფი მაგრამ სტატიკური" და "დინამიური მაგრამ ნელი"-ს შორის. გარსის წინასწარ რენდერებით და მხოლოდ დინამიური ხვრელების სტრიმინგით (მონიშნული Suspense-ის მიერ), ერთი გვერდი მიწოდებს CDN-ის მაშინვე პირველ ხატვას პლიუს პერსონალიზებული კონტენტი — ავტომატურად, გვერდის გაყოფის ან SSG vs SSR-ის ხელით არჩევის გარეშე. ეს წარმოადგენს იმას, სად მიდის Next.js რენდერინგი: გამომწერი, კომპონენტი-პო-კომპონენტი სტატიკური/დინამიური კომპოზიცია.