Next.js 16.4

Over the 16.x releases, Next.js introduced a new programming model addressing App Router frustrations: fast initial loads, instant client navigations, and opt-in declarative caching. This model, called Cache Components, becomes the default in Next.js 17. Prior to this release, it was not universally recommended due to performance gaps.

Key features in 16.4 close those gaps, allowing Next.js to recommend Cache Components as the best choice for every app. Starting with 16.4, all new apps created with create-next-app have Cache Components enabled by default. Greenfield projects can adopt the model without reservations.

For existing apps, the new `next upgrade --agent` command provides version-specific guidance and dedicated Skills help agents with refactorings needed to adopt Cache Components. 16.4 also includes out-of-the-box improvements for all apps: less memory and disk usage in dev, reduced compile times, smaller production bundles, and React 19.3. Cache Components are a suite of features letting developers mark specific parts of a component tree as eligible for caching. Using 'use cache' annotations, Next.js caches component UI during client navigations and optionally on the server during rendering or build.

These composable annotations mix client-side caching, pluggable server-side caching, and request-time rendering within a single page, replacing implicit caching behaviors of previous App Router versions. A hallmark feature lets pages stream static and dynamic content together in a single server response, enabling sophisticated UIs without sacrificing speed. For fully static pages, the new Static option guarantees a route's shell, prefetch, or navigation is static, preventing dynamic components from accidentally degrading performance or cost characteristics.

على مدار إصدارات 16.x، قدمت Next.js نموذج برمجي جديد يتعامل مع الإحباطات في App Router: تحميلات أولية سريعة، وتنقلات عميل فورية، وتخزين مؤقت ديناميكي اختياري. هذا النموذج، المعروف باسم مكونات التخزين المؤقت (Cache Components)، سيصبح الافتراضي في Next.js 17. قبل هذا الإصدار، لم يُنصح به على نطاق واسع بسبب فجوات الأداء. تغلق الخصائص الرئيسية في 16.4 هذه الفجوات، مما يتيح لـ Next.js أن ينصح بمكونات التخزين المؤقت كأفضل خيار لكل تطبيق. بدءًا من 16.4، تكون جميع التطبيقات الجديدة التي تُنشئ باستخدام create-next-app مكونات التخزين المؤقت مفعلة كافتراضي. يمكن للمشاريع الجديدة اعتماد هذا النموذج بدون مشاكل. بالنسبة للتطبيقات الحالية، يوفر أمر `next upgrade --agent` الجديد إرشادات خاصة بالإصدارات ووكلاء مساعدة مهارات مكلفين لإعادة هيكلة التطبيقات للانضمام إلى مكونات التخزين المؤقت. 16.4 تشمل أيضًا تحسينات جاهزة للاستخدام لجميع التطبيقات: استهلاك أقل للذاكرة والقرص في وضع التطوير، وأوقات تجميع أقل، وحزم إنتاجية أصغر، وReact 19.3. مكونات التخزين المؤقت مجموعة من الميزات التي تسمح لالمطورين بوضع علامة على أجزاء معينة من شجرة المكونات لتكون مؤهلة للتخزين المؤقت. باستخدام التعليقات 'use cache'، يقوم Next.js بتخزين واجهة مكون البرمجيات في الذاكرة المؤقتة أثناء تنقلات العميل واختياريًا على الخادم أثناء التحميل أو البناء. هذه التعليقات القابلة للتركيب تخلط التخزين المؤقت من جانب العميل، والتخزين المؤقت من جانب الخادم القابل للتمثيل، والرسم في وقت الطلب داخل صفحة واحدة، مستبدلة سلوكيات التخزين المؤقت الضمنية من إصدارات App Router السابقة. ميزة مميزة تسمح للصفحات بتدفق المحتوى الثابت والديناميكي معًا في استجابة خادم واحدة، مما يتيح واجهات مستخدم متطورة دون فقدان السرعة. بالنسبة للصفحات الكاملة الثابتة، يضمن الخيار الجديد Static أن الجوافة أو التحميل المسبق أو التنقل هو ثابت، مما يمنع المكونات الديناميكية من تدهور الأداء أو الخصائص التكلفة بالصدفة.

16.x রিলিজগুলির মধ্যে, Next.js একটি নতুন প্রোগ্রামিং মডেল প্রস্তুত করেছে যা App Router-এর ব্যথা সমাধান করে: দ্রুত প্রারম্ভিক লোড, অভিযোক্তা নেভিগেশন এবং ঐচ্ছিক ডিক্লেরেটিভ ক্যাশিং। এই মডেলটি ক্যাশ কম্পোনেন্টগুলি নামে পরিচিত এবং এটি Next.js 17-এ ডিফল্ট হবে। এই রিলিজের আগে, এটি পারফরম্যান্স বাধার কারণে সর্বজনীনভাবে সুপারিশ করা হত না। 16.4-এর কী ফিচারগুলি এই বাধাগুলি বন্ধ করে দেয়, যা Next.js ক্যাশ কম্পোনেন্টগুলিকে প্রতিটি অ্যাপের জন্য সেরা পছন্দ করে তুলতে সক্ষম করে। 16.4 থেকে, সব নতুন অ্যাপগুলি create-next-app ব্যবহার করে তৈরি করা হলে ক্যাশ কম্পোনেন্টগুলি ডিফল্টভাবে সক্রিয় করা হয়। নতুন প্রকল্পগুলি এই মডেলটি সহজে গ্রহণ করতে পারে। বিদ্যমান অ্যাপগুলির জন্য, নতুন `next upgrade --agent` কমান্ড ভার্সন-নির্দিষ্ট গাইডেন্স এবং ক্যাশ কম্পোনেন্টগুলি গ্রহণ করার জন্য প্রয়োজনীয় রিফ্যাক্টরিংয়ের জন্য বিশেষ Skills হেল্প এজেন্টগুলি প্রদান করে। 16.4 সাথে সব অ্যাপগুলির জন্য বক্স-আউট উন্নয়নগুলি অন্তর্ভুক্ত আছে: ডেভেলপমেন্টে কম মেমরি ও ডিস্ক ব্যবহার, কম কম্পাইল সময়, ছোট প্রোডাকশন বান্ডল এবং React 19.3। ক্যাশ কম্পোনেন্টগুলি একটি সেট ফিচার যা ডেভেলপারদের একটি কম্পোনেন্ট ট্রির নির্দিষ্ট অংশগুলিকে ক্যাশ করার জন্য যোগ্য করার জন্য অনুমতি দেয়। 'use cache' অ্যানোটেশন ব্যবহার করে, Next.js ক্লায়েন্ট নেভিগেশনগুলির সময় কম্পোনেন্ট UI কে ক্যাশে সংরক্ষণ করে এবং ঐচ্ছিকভাবে রেন্ডারিং বা বিল্ডের সময় সার্ভারে ক্যাশ করে। এই কম্পোজেবল অ্যানোটেশনগুলি ক্লায়েন্ট-সাইড ক্যাশিং, প্লাগ-ইন সার্ভার-সাইড ক্যাশিং এবং রিকোয়েস্ট-টাইম রেন্ডারিংয়াকে একক পেজের মধ্যে মেশায়, পূর্বের App Router সংস্করণগুলির ইম্প্লিসিট ক্যাশিং বেহেভিয়ারকে বদলে দেয়। একটি হ্যাল্ট ফিচার পেজগুলিকে একক সার্ভার রেসপন্সে স্ট্যাটিক ও ডাইনামিক কন্টেন্ট স্ট্রিম করতে দেয়, যা স্পিড কমায় না কেয়ে জটিল UI তৈরি করতে সক্ষম করে। পূর্ণ ভাবে স্ট্যাটিক পেজগুলির জন্য, নতুন Static অপশন রুটের শেল, প্রিফেচ বা নেভিগেশন স্ট্যাটিক হিসাবে গ্যারেন্ট করে, সাথে ডাইনামিক কম্পোনেন্টগুলি অপ্রত্যাশিকভাবে পারফরম্যান্স বা কস্ট বৈশিষ্ট্যগুলি ডগ্রেড করা নিরোধ করে।

Im Verlauf der 16.x-Versionen hat Next.js ein neues Programmierungsmodell eingeführt, das App Router-Frustrationen adressiert: schnelle initialer Ladezeiten, sofortige Client-Navigationen und optionales deklaratives Caching. Dieses Modell, Cache-Komponenten genannt, wird in Next.js 17 die Standardoption. Vor dieser Version wurde es aufgrund von Leistungslücken nicht allgemein empfohlen.

Die Schlüsseleigenschaften in 16.4 schließen diese Lücken, sodass Next.js Cache-Komponenten als die beste Wahl für jede Anwendung empfehlen kann. Ab 16.4 sind alle neuen Apps, die mit create-next-app erstellt wurden, standardmäßig auf Cache-Komponenten aktiviert. Neue Greenfield-Projekte können das Modell ohne Bedenken annehmen.

Für bestehende Apps liefert der neue Befehl `next upgrade --agent` versionsspezifische Anleitung und dedizierte Skills-Hilfesagen mit Refactoring-Empfehlungen, um Cache-Komponenten zu adoptieren. 16.4 schließt auch verbesserte Out-of-the-Box-Funktionalität für alle Apps ein: geringerer Speicher- und Datenvorschau im Entwicklungsmodus, verkürzte Kompilierzeiten, kleinere Produktions-Bundles und React 19.3. Cache-Komponenten sind eine Reihe von Funktionen, die Entwicklern erlauben, bestimmte Teile eines Komponentenbaums als cachefähig zu kennzeichnen. Mit 'use cache'-Annotationen cacht Next.js die Komponenten-UI während Client-Navigationen und optional während Server-Rendering oder Build.

Diese zusammensetzbaren Annotationen kombinieren Client-seitiges Caching, pluggable Server-seitiges Caching und Request-Time-Rendering in einer einzelnen Seite und ersetzen implizites Caching-Verhalten vorheriger App Router-Versionen. Ein markantes Merkmal ermöglicht es Seiten, statischen und dynamischen Inhalt in einer einzigen Server-Antwort zu streamen, was komplexe Benutzeroberflächen ohne Geschwindigkeitsverlust ermöglicht. Für vollständig statische Seiten garantiert die neue Option Static, dass die Route-Shell, Prefetch oder Navigation statisch ist und dynamische Komponenten verhindert, Leistung oder Kosteneigenschaften versehentlich zu verschlechtern.

A lo largo de las versiones 16.x, Next.js introdujo un nuevo modelo de programación que aborda las frustraciones del App Router: cargas iniciales rápidas, navegaciones en cliente instantáneas y caché declarativo opcional. Este modelo, llamado Componentes de Caché, se convertirá en el predeterminado en Next.js 17. Hasta esta versión, no se recomendaba universalmente debido a brechas de rendimiento.

Las características clave en 16.4 cierran esas brechas, permitiendo que Next.js recomiende Componentes de Caché como la mejor opción para cualquier aplicación. Comenzando con 16.4, todas las nuevas aplicaciones creadas con create-next-app tienen Componentes de Caché habilitados por defecto. Los proyectos nuevos pueden adoptar el modelo sin reservas.

Para aplicaciones existentes, el nuevo comando `next upgrade --agent` proporciona orientación específica para versiones y agentes de ayuda dedicados con solitudes necesarias para adoptar Componentes de Caché. 16.4 también incluye mejoras de cajón para todas las aplicaciones: menos uso de memoria y disco en desarrollo, tiempos de compilación reducidos, paquetes de producción más pequeños y React 19.3. Los Componentes de Caché son un conjunto de características que permiten a los desarrolladores marcar partes específicas de un árbol de componentes como elegibles para la caché. Usando anotaciones 'use cache', Next.js almacena en caché la interfaz de usuario del componente durante las navegaciones del cliente y opcionalmente en el servidor durante el renderizado o la compilación.

Estas anotaciones composables mezclan caché del lado del cliente, caché del lado del servidor pluggable y renderizado en tiempo de solicitud dentro de una sola página, reemplazando comportamientos implícitos de caché de versiones anteriores del App Router. Una característica distintiva permite que las páginas transmitan contenido estático y dinámico juntos en una sola respuesta del servidor, permitiendo interfaces de usuario sofisticadas sin sacrificar velocidad. Para páginas completamente estáticas, la nueva opción Static garantiza que la shell de la ruta, prefetch o navegación sea estática, previniendo que componentes dinámicos degraduen accidentalmente el rendimiento o las características de costo.

Au cours des versions 16.x, Next.js a introduit un nouveau modèle de programmation qui aborde les frustrations de l'App Router: des chargements initiaux rapides, des navigations client instantanées et une mise en cache déclarative optionnelle. Ce modèle, appelé Cache Components, deviendra la valeur par défaut dans Next.js 17. Précédant cette version, il n'était pas universellement recommandé en raison d'écarts de performance.

Les fonctionnalités clés dans 16.4 ferment ces écarts, permettant à Next.js de recommander Cache Components comme meilleure option pour chaque application. À partir de 16.4, toutes les nouvelles applications créées avec create-next-app ont les Cache Components activés par défaut. Les projets neufs peuvent adopter ce modèle sans réserve. Pour les applications existantes, la nouvelle commande `next upgrade --agent` fournit des conseils spécifiques aux versions et des agents d'aide Skills dédiés avec des refactorings nécessaires pour adopter les Cache Components. 16.4 inclut également des améliorations prêtes à l'emploi pour toutes les applications: moins de mémoire et d'utilisation disque en développement, des temps de compilation réduits, des bundles de production plus petits et React 19.3.

Les Cache Components sont un ensemble de fonctionnalités permettant aux développeurs de marquer des parties spécifiques d'un arbre de composants comme éligibles à la mise en cache. À l'aide d'annotations 'use cache', Next.js met en cache l'interface utilisateur du composant lors des navigations client et optionnellement sur le serveur lors du rendu ou de la construction. Ces annotations composables mélangent la mise en cache côté client, la mise en cache côté serveur extensible et le rendu au moment de la requête au sein d'une seule page, remplaçant les comportements de mise en cache implicite des versions précédentes de l'App Router. Une caractéristique marquante permet aux pages de faire fluiter le contenu statique et dynamique ensemble dans une seule réponse serveur, permettant des interfaces utilisateur sophistiquées sans sacrifier la vitesse.

Pour les pages entièrement statiques, la nouvelle option Static garantit que le shell de la route, le préchargement ou la navigation est statique, empêchant les composants dynamiques de dégrader accidentellement les performances ou les caractéristiques de coût.

16.x रिलीज़ों के दौरान, Next.js ने App Router की विफलताओं को सुलझाने वाला एक नया प्रोग्रामिंग मॉडल पेश किया: तेज़ प्रारंभिक लोड, क्लाइंट नेविगेशन पर तुरंत एक्सेल और वैकल्पिक डिक्लेरेटिव कैशिंग। यह मॉडल कैश कॉम्पोनेन्ट्स कहलाता है और यह Next.js 17 में डिफॉल्ट बन जाएगा। इस रिलीज़ से पहले, इसे कार्यकुशलता की बाधा के कारण सामूहिक रूप से सिफारिश नहीं किया जाता था। 16.4 में की-फीचर्स इन बाधाओं को बंद करती हैं, जिससे Next.js कैश कॉम्पोनेन्ट्स को हर ऐप के लिए बेहतर विकल्प के रूप में सिफारिश कर सकता है। 16.4 से, सभी नई ऐप्स create-next-app के माध्यम से बनाकर उन्हें डिफॉल्ट रूप से कैश कॉम्पोनेन्ट्स को एक्सेस करने के लिए सक्षम कर दी जाती हैं। हरा फील्ड प्रोजेक्ट्स इस मॉडल को बिना किसी अवसर के अपनाने के लिए सक्षम होते हैं। मौजूदा ऐप्स के लिए, नई `next upgrade --agent` कमांड विशिष्ट संस्करण गाइडेंस और रिफैक्टरिंग के लिए विशेष Skills हेल्प एजेंट्स प्रदान करती है। 16.4 साथ ही, सभी ऐप्स के लिए बॉक्स-आउट सुधार भी शामिल हैं: डिवेलपमेंट में कम मेमोरी और डिस्क उपयोग, कम कम्पाइल टाइम, छोटे प्रोडक्शन बंडल और React 19.3। कैश कॉम्पोनेन्ट्स एक सेट फीचर्स हैं जो डेवलपर्स को एक कॉम्पोनेन्ट ट्री के विशिष्ट भागों को कैश करने के लिए योग्य के रूप में चिह्नित करने की अनुमति देते हैं। 'use cache' एनोटेशंस का उपयोग करके, Next.js क्लाइंट नेविगेशन के दौरान कॉम्पोनेन्ट UI को कैश में रखता है और वैकल्पिक रूप से रेंडरिंग या बिल्ड के दौरान सर्वर पर। ये कॉम्पोज़ेबल एनोटेशंस क्लाइंट-साइड कैशिंग, प्लग-इन सर्वर-साइड कैशिंग और रिक्वेस्ट-टाइम रेंडरिंग को एकल पेज में मिलाते हैं, पिछले App Router संस्करणों के इम्प्लीसिट कैशिंग बेहेवियर को बदलते हैं। एक हाइल्ट मार्कर फीचर पेज को एकल सर्वर रिस्पॉन्स में स्टेटिक और डायनामिक कंटेंट स्ट्रीम करने की अनुमति देता है, जिससे स्पीड को झूठे से झरने के बिना जटिल UI बना सकते हैं। पूरी तरह से स्टेटिक पेजों के लिए, नई Static विकल्प रूट की शेल, प्रीफ़ेच या नेविगेशन को स्टेटिक बनाये रखता है, साथ में डायनामिक कॉम्पोनेन्ट्स को अनजाने में परफॉर्मेंस या कॉस्ट फ़ैक्टर्स को डग्रेड करने से रोकता है।

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.

16.xリリースを通じて、Next.jsはApp Routerの不満を解決するための新しいプログラミングモデルを導入しました：高速な初回ロード、クライアントナビゲーションの即時性、オプショナルな宣言的キャッシング。このモデルはキャッシュコンポーネント（Cache Components）と呼ばれ、Next.js 17でデフォルトになります。このリリース以前は、パフォーマンスのギャップのため、広く推奨されていませんでした。16.4の主要機能がこれらのギャップを閉じ、Next.jsがアプリケーションのすべてに対して最適な選択肢としてキャッシュコンポーネントを推奨できるようになりました。16.4からは、create-next-appで作成されたすべての新規アプリケーションがデフォルトでキャッシュコンポーネントが有効になります。グリーンフィールドプロジェクトは、懸念なくこのモデルを採用できます。既存のアプリケーションについては、`next upgrade --agent`コマンドがバージョン固有のガイダンスと、キャッシュコンポーネントの採用に必要なリファクタリングを提供する専用のスキルヘルプエージェントを提供します。16.4には、すべてのアプリケーション向けのボックスアウト改善も含まれています：開発時のメモリとディスク使用量の削減、コンパイル時間の短縮、より小さなプロダクションバンドル、およびReact 19.3。キャッシュコンポーネントは、開発者がコンポーネントツリーの特定の部分をキャッシュ対象としてマークできる機能のセットです。'use cache'アノテーションを使用すると、Next.jsはクライアントナビゲーション中にコンポーネントUIをキャッシュし、オプションでレンダリングまたはビルド中のサーバー側でキャッシュします。これらのコンポーズ可能なアノテーションは、クライアントサイドキャッシング、プラグイン可能なサーバーサイドキャッシング、およびリクエストタイムレンダリングを単一のページ内で組み合わせ、以前のApp Routerバージョンの暗黙的なキャッシング動作を置き換えます。特徴的な機能により、ページは単一のサーバーレスポンスで静的コンテンツとダイナミックコンテンツをストリームでき、速度を犠牲にすることなく高度なUIを作成できます。完全な静的ページのために、新しいStaticオプションはルートのシェル、プリフェッチ、またはナビゲーションが静的であることを保証し、ダイナミックコンポーネントが誤ってパフォーマンスやコスト特性を低下させるのを防ぎます。

Ao longo das versões 16.x, o Next.js introduziu um novo modelo de programação que aborda as frustrações do App Router: carregamentos iniciais rápidos, navegações instantâneas no cliente e cache declarativo opcional. Esse modelo, chamado Cache Components, se tornará o padrão no Next.js 17. Antes dessa versão, ele não era amplamente recomendado devido a lacunas de desempenho.

As principais características em 16.4 fecham essas lacunas, permitindo que o Next.js recomende Cache Components como a melhor opção para qualquer aplicativo. A partir de 16.4, todos os novos apps criados com create-next-app têm os Cache Components habilitados por padrão. Projetos novos podem adotar o modelo sem ressalvas.

Para aplicativos existentes, o novo comando `next upgrade --agent` fornece orientações específicas de versão e agentes de ajuda Skills dedicados com refatorações necessárias para adotar Cache Components. 16.4 também inclui melhorias prontas para uso para todos os aplicativos: menos uso de memória e disco no desenvolvimento, tempos de compilação reduzidos, bundles de produção menores e React 19.3. Os Cache Components são um conjunto de recursos que permite aos desenvolvedores marcar partes específicas de uma árvore de componentes como elegíveis para cache. Usando anotações 'use cache', o Next.js armazena em cache a interface do usuário do componente durante navegações do cliente e opcionalmente no servidor durante renderização ou construção.

Essas anotações compostáveis misturam cache do lado do cliente, cache do lado do servidor plugável e renderização em tempo de solicitação dentro de uma única página, substituindo comportamentos de cache implícitos de versões anteriores do App Router. Um recurso característico permite que as páginas transmitam conteúdo estático e dinâmico juntos em uma única resposta do servidor, permitindo interfaces do usuário sofisticadas sem sacrificar velocidade. Para páginas totalmente estáticas, a nova opção Static garante que a shell da rota, prefetch ou navegação seja estática, impedindo que componentes dinâmicos degradem acidentalmente o desempenho ou as características de custo.

Во время выпусков 16.x Next.js представил новую программную модель, решающую раздражения App Router: быстрые начальные загрузки, мгновенные навигации на клиенте и опциональное декларативное кэширование. Эта модель, называемая Cache Components, станет значением по умолчанию в Next.js 17. До этого выпуска она не рекомендовалась широко из-за пробелов в производительности. Ключевые функции в 16.4 закрывают эти пробелы, позволяя Next.js рекомендовать Cache Components как лучший выбор для каждого приложения. Начиная с 16.4, все новые приложения, созданные с помощью create-next-app, имеют компоненты кэша включенными по умолчанию. Новые проекты могут принять эту модель без ограничений. Для существующих приложений новая команда `next upgrade --agent` предоставляет рекомендации, специфичные для версий, и выделенные агенты помощи навыков с рекомендациями по рефакторингу для внедрения компонентов кэша. 16.4 также включает готовые улучшения для всех приложений: меньше использования памяти и диска в режиме разработки, сокращенное время компиляции, меньшие производственные пакеты и React 19.3. Компоненты кэша - это набор функций, позволяющих разработчикам помечать определенные части дерева компонентов как пригодные для кэширования. С помощью аннотаций 'use cache' Next.js кэширует пользовательский интерфейс компонента во время навигаций на клиенте и при желании на сервере во время рендеринга или сборки. Эти композиционные аннотации сочетают кэширование на стороне клиента, подключаемое кэширование на стороне сервера и рендеринг во время запроса внутри одной страницы, заменяя неявные поведения кэширования предыдущих версий App Router. Характерная функция позволяет страницам одновременно передавать статический и динамический контент в одном серверном ответе, позволяя создавать сложные пользовательские интерфейсы без потери скорости. Для полностью статических страниц новая опция Static гарантирует, что оболочка маршрута, prefetch или навигация будут статическими, предотвращая случайное ухудшение производительности или характеристик стоимости динамическими компонентами.

随着 16.x 版本的推出，Next.js 引入了一种新的编程模型，解决了 App Router 的一些困扰：快速的初始加载、即时的客户端导航以及可选的声明式缓存。这种模型称为缓存组件（Cache Components），将在 Next.js 17 中成为默认选项。此前，这一功能并未被普遍推荐，因为存在性能差距。16.4 版本的关键特性已关闭这些差距，使 Next.js 能够推荐缓存组件作为每个应用的最佳选择。从 16.4 版本开始，使用 create-next-app 创建的所有新应用默认启用缓存组件。对于全新的项目，可以毫无保留地采用这种模型。对于现有的应用，新的 `next upgrade --agent` 命令提供了针对性的指导，并通过专门的技能帮助代理提供重构建议，以便采用缓存组件。16.4 还包括面向所有应用的开箱即用改进：开发时的更少内存和磁盘使用、减少编译时间、更小的生产捆绑包，以及 React 19.3。缓存组件是一套功能，允许开发人员在组件树的特定部分标记为可缓存。通过 'use cache' 注释，Next.js 在客户端导航期间缓存组件 UI，并可选地在渲染或构建期间在服务器端缓存。这类可组合的注释将客户端-side 缓存、可插拔的服务器端缓存和请求时间渲染融合在单个页面内取代了之前 App Router 版本中隐式的缓存行为。一个标志性特性让页面能够在单个服务器响应中流式传输静态和动态内容，使开发复杂的用户界面而不牺牲速度。对于完全静态的页面，新的 Static 选项确保路由的外壳、预取或导航是静态的，防止动态组件意外降低性能或成本特征。