Selama rilis 16.x, Next.js memperkenalkan model pemrograman baru yang menangani kefrustasan App Router: muat ulang awal yang cepat, navigasi klien yang instan, dan caching deklaratif pilihan. Model ini, disebut Cache Components, akan menjadi default di Next.js 17. Sebelum rilis ini, tidak secara luasan direkomendasikan karena ada celah performa.
Fitur kunci di 16.4 menutup celah-celah tersebut, memungkinkan Next.js merekomendasikan Cache Components sebagai pilihan terbaik untuk setiap aplikasi. Mulai 16.4, semua aplikasi baru yang dibuat dengan create-next-app memiliki Cache Components diaktifkan secara default. Proyek hijau cangkang dapat mengadopsi model ini tanpa keraguan.
Untuk aplikasi yang ada, perintah `next upgrade --agent` baru menyediakan panduan spesifik versi dan agen bantuan keterampilan khusus dengan refactoring yang diperlukan untuk mengadopsi Cache Components. 16.4 juga mencakup peningkatan langsung dari kotak untuk semua aplikasi: penggunaan memori dan disk yang lebih sedikit di lingkungan pengembangan, waktu kompilasi yang lebih pendek, paket produksi yang lebih kecil, dan React 19.3. Cache Components adalah sekumpulan fitur yang memungkinkan pengembang untuk menandai bagian tertentu dari pohon komponen sebagai yang dapat dicalakkan. Dengan anotasi 'use cache', Next.js menyimpan UI komponen dalam cache selama navigasi klien dan secara opsional di server selama rendering atau build.
Anotasi composable ini menggabungkan caching sisi klien, caching sisi server yang dapat dipasang, dan rendering waktu permintaan dalam satu halaman, menggantikan perilaku caching implisit dari versi App Router sebelumnya. Fitur hallmark memungkinkan halaman untuk mengalirkan konten statis dan dinamis bersama dalam satu respons server, memungkinkan UI yang canggih tanpa mengorbankan kecepatan. Untuk halaman yang sepenuhnya statis, opsi baru Static menjamin shell rute, prefetch, atau navigasi adalah statis, mencegah komponen dinamis secara tidak sengaja menurunkan kinerja atau karakteristik biaya.
Sumber: Hacker News · Diringkas oleh HeadlinesBriefing