Partial Prerendering در Next.js: فروشگاه ثابت + قیمت داینامیک بدون لگ

خلاصه: PPR بخش استاتیک (لیست) را از قبل می‌سازد و بخش داینامیک (قیمت) را استریم می‌کند. برای فروشگاه، یعنی LCP سریع + قیمت لحظه‌ای.

چرا PPR برای فروشگاه؟

بدون PPR: یا کل صفحه استاتیک (قیمت کهنه) یا کل صفحه داینامیک (LCP کند). PPR هر دو را می‌دهد.

پیاده‌سازی ۳ دقیقه‌ای

چک‌لیست

• [ ] ppr: true در next.config
• [ ] بخش ثابت بدون fetch داینامیک
• [ ] قیمت در Suspense با revalidate: 30

FAQ

فرق PPR با ISR؟ ISR کل صفحه را بازسازی می‌کند؛ PPR فقط بخش داینامیک را.

با تله params تداخل دارد؟ نه — PPR روی fetch است، params جداست.

هزینه؟ صفر — فقط ارتقا به Next.js 15.4.