Muka menggunakan javascript simple cache

Perubahan Versiv12.2.0ISR Sesuai Permintaan stabilv12.1.0ISR Sesuai Permintaan ditambahkan (beta). v12.0.0 ditambahkan. v9.5.0Base Path ditambahkan

Berikutnya. js memungkinkan Anda untuk membuat atau memperbarui halaman statis setelah Anda membangun situs Anda. Incremental Static Regeneration (ISR) memungkinkan Anda menggunakan pembuatan statis per halaman, tanpa perlu membangun kembali seluruh situs. Dengan ISR, Anda dapat mempertahankan manfaat statis sambil menskalakan ke jutaan halaman

catatan. Runtime experimental-edge_ saat ini tidak kompatibel dengan ISR, meskipun dapat memanfaatkan stale-while-revalidate dengan mengatur header cache-control secara manual

Untuk menggunakan ISR, tambahkan prop revalidate ke

$ next build
$ next start
0

Saat permintaan dibuat ke halaman yang telah dirender sebelumnya pada waktu pembuatan, awalnya akan menampilkan halaman yang di-cache

  • Setiap permintaan ke halaman setelah permintaan awal dan sebelum 10 detik juga di-cache dan seketika
  • Setelah jendela 10 detik, permintaan berikutnya masih akan menampilkan halaman yang di-cache (basi).
  • Berikutnya. js memicu regenerasi halaman di latar belakang
  • Setelah halaman berhasil dibuat, Selanjutnya. js akan membatalkan cache dan menampilkan halaman yang diperbarui. Jika regenerasi latar belakang gagal, halaman lama tetap tidak berubah

Saat permintaan dibuat ke jalur yang belum dibuat, Selanjutnya. js akan merender halaman pada server pada permintaan pertama. Permintaan di masa mendatang akan menayangkan file statis dari cache. ISR di Vercel menyimpan cache secara global dan menangani rollback

catatan. Periksa apakah penyedia data upstream Anda telah mengaktifkan cache secara default. Anda mungkin perlu menonaktifkan (mis. g.

$ next build
$ next start
1), jika tidak, validasi ulang tidak akan dapat menarik data baru untuk memperbarui cache ISR. Caching dapat terjadi di CDN (untuk titik akhir yang diminta) saat mengembalikan header
$ next build
$ next start
2

Jika Anda menyetel waktu revalidate_ selama

$ next build
$ next start
4, semua pengunjung akan melihat versi yang dibuat sama dari situs Anda selama satu menit. Satu-satunya cara untuk membatalkan cache adalah dari seseorang yang mengunjungi halaman itu setelah satu menit berlalu

Dimulai dengan v12.2.0, Selanjutnya. js mendukung Regenerasi Statis Inkremental Sesuai Permintaan untuk membersihkan Next secara manual. js cache untuk halaman tertentu. Ini membuatnya lebih mudah untuk memperbarui situs Anda kapan

  • Konten dari CMS headless Anda dibuat atau diperbarui
  • Perubahan metadata e-niaga (harga, deskripsi, kategori, ulasan, dll.). )

Di dalam

$ next build
$ next start
0, Anda tidak perlu menentukan revalidate untuk menggunakan validasi ulang sesuai permintaan. Jika revalidate dihilangkan, Berikutnya. js akan menggunakan nilai default
$ next build
$ next start
_9 (tanpa validasi ulang) dan hanya memvalidasi ulang halaman sesuai permintaan saat v12.2.00 dipanggil

catatan. Middleware tidak akan dijalankan untuk permintaan ISR Sesuai Permintaan. Alih-alih, panggil v12.2.0_0 di jalur persis yang ingin Anda validasi ulang. Misalnya, jika Anda memiliki v12.2.0_2 dan menulis ulang dari v12.2.03 -> v12.2.04, Anda perlu menghubungi v12.2.05

Pertama, buat token rahasia yang hanya diketahui oleh Next Anda. aplikasi js. Rahasia ini akan digunakan untuk mencegah akses tidak sah ke Rute API validasi ulang. Anda dapat mengakses rute (baik secara manual atau dengan webhook) dengan struktur URL berikut

https:///api/revalidate?secret=
_

Selanjutnya, tambahkan rahasia sebagai Variabel Lingkungan ke aplikasi Anda. Terakhir, buat Rute API validasi ulang

Lihat demo kami untuk melihat aksi validasi ulang sesuai permintaan dan memberikan umpan balik

Saat dijalankan secara lokal dengan v12.2.0_6,

$ next build
$ next start
0 dipanggil pada setiap permintaan. Untuk memverifikasi bahwa konfigurasi ISR ​​sesuai permintaan Anda sudah benar, Anda harus membuat dan memulai

$ next build
$ next start

Kemudian, Anda dapat mengonfirmasi bahwa halaman statis telah berhasil divalidasi ulang

Jika ada kesalahan di dalam

$ next build
$ next start
_0 saat menangani regenerasi latar belakang, atau Anda melempar kesalahan secara manual, halaman terakhir yang berhasil dibuat akan terus ditampilkan. Pada permintaan berikutnya berikutnya, Selanjutnya. js akan mencoba lagi memanggil
$ next build
$ next start
0

Incremental Static Regeneration (ISR) bekerja di luar kotak saat Anda menggunakan v12.1.00

Anda dapat menggunakan pendekatan ini saat men-deploy ke container orkestra seperti Kubernetes atau HashiCorp Nomad. Secara default, aset yang dihasilkan akan disimpan dalam memori di setiap pod. Ini berarti bahwa setiap pod akan memiliki salinan file statisnya sendiri. Data basi mungkin ditampilkan hingga pod tertentu terkena permintaan

Untuk memastikan konsistensi di semua pod, Anda dapat menonaktifkan caching dalam memori. Ini akan menginformasikan Berikutnya. js server untuk hanya memanfaatkan aset yang dihasilkan oleh ISR dalam sistem file

Anda dapat menggunakan mount jaringan bersama di pod Kubernetes Anda (atau pengaturan serupa) untuk menggunakan kembali cache sistem file yang sama di antara wadah yang berbeda. Dengan berbagi mount yang sama, folder v12.1.0_1 yang berisi cache v12.1.02 juga akan dibagikan dan digunakan kembali

Untuk menonaktifkan caching dalam memori, setel v12.1.03 ke v12.1.04 di file v12.1.05 Anda

catatan. Anda mungkin perlu mempertimbangkan kondisi balapan antara beberapa pod yang mencoba memperbarui cache pada saat yang sama, tergantung pada bagaimana mount bersama Anda dikonfigurasi

Bagaimana JavaScript dijalankan?

Javascript cenderung sangat cepat karena dijalankan langsung di dalam browser . Selain itu, browser utama sebagian besar mendukung kompilasi JIT (Just In Time), yang berarti tidak perlu mengkompilasi kode sebelum menjalankannya.

Bagaimana menghadapi penggunaan JavaScript dalam HTML?

Anda bisa langsung menambahkan JavaScript di HTML dengan menggunakan tag yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis yang mencakup semua kode JS yang Anda tulis . Kode JS yang dapat ditambahkan. di antara tag

JavaScript pakai aplikasi apa?

Namun, sebelumnya Anda membutuhkan beberapa aplikasi berikut untuk mendukung Anda mempelajari Javascript. Browser web (Google Chrome, Firefox, atau lainnya). Editor teks (Atom, Notepad, atau lainnya). Web server, untuk menjalankan pemrograman kode .

JavaScript umumnya dipakai di mana?

Saat ini JavaScript tidak hanya digunakan di sisi client (browser) saja lho. Semenjak adanya Node. js JavaScript dapat digunakan di luar browser. Dengan begitu kamu bisa mengembangkan back-end (server), console, program desktop, mobile, IoT, game, dan lainnya menggunakan JavaScript .