Nextjs Partial Prerendering Dynamicio Use Cache Streaming

Next.js1 September 20262 menit baca

Nextjs Partial Prerendering Dynamicio Use Cache Streaming

Definisi

Partial Prerendering (PPR) menggabungkan static shell + dynamic content dalam satu response: shell di-prerender, bagian dinamis di-stream saat runtime. dynamicIO (eksperimental) membuat semua I/O default dinamis kecuali dibungkus cache()/use cache, membalik model default Next.js. use cache adalah direktif untuk men-cache hasil di server.

Kapan dipakai

PPR: halaman dengan sebagian statis (layout, header) dan sebagian dinamis (user, harga) — ingin TTFB cepat tanpa menunggu data dinamis.
dynamicIO + use cache: ingin eksplisit mana yang boleh di-cache, sisanya selalu fresh.
Belum stabil untuk produksi besar; cocok eksperimen / rilis terkontrol.

Cara kerja

PPR (next.config)

// next.config.js
module.exports = {
  experimental: { ppr: true },
};

Selesai membaca dokumentasi ini?

Kembali ke rujukan utama Next.js untuk melanjutkan topik lainnya.

Kembali ke Kategori

export const experimental_ppr = true;
 
export default function Page() {
  return (
    <>
      <header /> {/* static */}
      <Suspense fallback={<Skeleton />}>
        <UserPanel /> {/* dynamic, streamed */}
      </Suspense>
    </>
  );
}

Nextjs Partial Prerendering Dynamicio Use Cache Streaming | Rujukan Pemrograman | Mahir.dev Academy

Nextjs Partial Prerendering Dynamicio Use Cache Streaming

Nextjs Partial Prerendering Dynamicio Use Cache Streaming

Definisi

Kapan dipakai

Cara kerja

PPR (next.config)

Selesai membaca dokumentasi ini?

use cache

Struktur alur

Contoh kombinasi

Catatan implementasi

Kesalahan umum

Referensi terkait