Apa yang Next.js sediakan secara terus (out of the box)

  • Data cache – Dalam Next.js 13+, setiap panggilan fetch() akan masuk ke dalam cache memori bagi setiap permintaan. Menambah pilihan revalidate memberitahu runtime untuk menyegarkan data selepas selang masa yang ditetapkan, menukarkan panggilan API yang 'hot' kepada 'cold' hanya apabila perlu.
  • Full-route cache – Framework ini mengekalkan HTML yang telah dirender dan data yang diperlukan untuk keseluruhan laluan (route). Pelawat yang kembali akan melihat peralihan yang pantas kerana pelayan melangkau proses render semula.
  • ISR – Halaman statik dijana semula di latar belakang sementara versi lama terus melayani trafik. Ini membolehkan anda mengekalkan laman web yang besar secara statik tanpa perlu membina semula (rebuild) keseluruhan laman setiap kali kandungan berubah.
  • Server Component cache() – Pembantu cache daripada React melakukan memoization bagi pengiraan yang berat atau sambungan pangkalan data untuk tempoh satu permintaan sahaja, sekali gus mengelakkan kerja berulang di dalam pokok komponen (component tree) sesuatu halaman.

Cache