Next.js 16 от Vercel: явное кэширование, стабильность Turbopack и улучшенные инструменты разработчика

1764750171
2025-12-03 08:01:00

Next.jsплатформа React компании Vercel для создания полнофункциональных веб-приложений, недавно выпустила Next.js 16, включающую в себя сочетание архитектурных улучшений, оптимизации производительности и фундаментального изменения в том, как работает кэширование.

В Next.js 16 представлено несколько функций, в том числе Компоненты кэша с явным кэшированием по выбору, отладкой на базе искусственного интеллекта посредством Интеграция протокола контекста моделии Турбопак в качестве стабильного упаковщика по умолчанию. Он также включает улучшенную маршрутизацию с дедупликацией макета и инкрементную предварительную выборку для более быстрого перехода между страницами.

Turbopack достиг стабильности и теперь является сборщиком по умолчанию для всех новых проектов Next.js. С момента выпуска бета-версии внедрение быстро масштабировалось: более 50% сеансов разработки уже выполняются на Turbopack. Разработчики могут рассчитывать на ускорение быстрого обновления до 10 раз и ускорение рабочих сборок в 2–5 раз. Для приложений с пользовательскими настройками веб-пакета веб-пакет по-прежнему можно использовать, запустив next dev –webpack или next build –webpack.

Система маршрутизации и навигации была обновлена в Next.js 16. Дедупликация макета гарантирует, что при предварительной выборке нескольких URL-адресов с общим макетом макет загружается один раз, а не отдельно для каждой ссылки.

Разработчик, Фил Коллинзотметил, что этот релиз выглядит как фундаментальное обновление, и похвалил изменения, которые позволяют вам переосмыслить свою архитектуру, а не просто дорабатывать ее по краям.

Однако релиз не обошёлся без проблем. Один разработчик задокументировано что NextJS 16 нарушил нашу работу, подчеркнув проблемы, с которыми столкнулись некоторые команды в процессе обновления, в частности, связанные с использованием NodeJS в качестве среды выполнения для промежуточного программного обеспечения. В другом месте на Reddit, нить был открыт, чтобы спросить об опыте работы с версией 16, и ответы принесли некоторый практический опыт для ряда разработчиков, которые перешли, причем один из них сказал, что я обновил монолитное мультитенантное приложение NextJS 14 до NextJS 16, разработчик также отметил, что оно компилируется мгновенно по сравнению с NextJS 14 и что весь процесс занял около 3 дней. Другой комментатор повторил то же самое: развертывание большого приложения за пару недель прошло безболезненно с использованием кодовых модов.

Разработчикам, обновляющим свои приложения, необходимо знать о существенных критических изменениях. Интерфейс командной строки автоматического обновления можно использовать с помощью команды npx @next/codemod@canary updatelatest, либо разработчики могут выполнить обновление вручную с помощью npm install next@latest act@latest act-dom@latest.

Read more:  Исследование предупреждает о «эффекте отскока» Оземпейка и других лекарств, чтобы похудеть

Критические изменения включают увеличение минимальной версии Node.js до 20.9.0, обязательные параметры async и searchParams, а также замену middleware.ts на proxy.ts для уточнения границ сети. API revalidateTag() теперь требует профиля кэшаLife в качестве второго аргумента для поведения устаревшего при повторной проверке. Разработчики могут найти подробное руководство по миграции в официальном документация по обновлению.

Next.js — это платформа с открытым исходным кодом, разработанная и поддерживаемая Vercel. Он основан на React, добавляя рендеринг на стороне сервера, генерацию статических сайтов и расширенные возможности маршрутизации, что упрощает создание готовых к работе приложений с превосходной производительностью. Next.js широко применяется в экосистеме веб-разработки благодаря первоклассной поддержке со стороны платформ развертывания и хостинг-провайдеров.

#Next.js #от #Vercel #явное #кэширование #стабильность #Turbopack #улучшенные #инструменты #разработчика

По теме

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.