Во время выпусков 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 или навигация будут статическими, предотвращая случайное ухудшение производительности или характеристик стоимости динамическими компонентами.
Источник: Hacker News · Сводку подготовил HeadlinesBriefing