next partial prerendering

Next.js prerendering parsial

Ini adalah demo Next.js menggunakan prerendering parsial.

Template ini menggunakan router aplikasi selanjutnya. Ini termasuk dukungan untuk tata letak yang ditingkatkan, colocation komponen, tes, dan gaya, pengambilan data tingkat komponen, dan banyak lagi.

Ini juga menggunakan fitur prerendering parsial eksperimental yang tersedia di Next.js 14. Parsial prerendering menggabungkan pengiriman tepi statis yang sangat cepat dengan kemampuan yang sepenuhnya dinamis dan kami percaya ini memiliki potensi untuk menjadi model rendering default untuk aplikasi web, menyatukan yang terbaik dari pembuatan situs statis dan pengiriman dinamis.

️ Harap dicatat bahwa PPR adalah teknologi eksperimental yang tidak disarankan untuk produksi. Anda mungkin mengalami beberapa masalah DX, terutama pada basis kode yang lebih besar.

Cara kerjanya

Rute indeks / menggunakan prerender parsial melalui:

1. Mengaktifkan bendera eksperimental di next.config.js .

 experimental : {
    ppr : true ,
} ,

2. Menggunakan <Suspense /> untuk membungkus konten dinamis.