Next.js 13.4, последняя версия среды веб-разработки Vercel, стабилизирует App Router, который основан на компонентах React Server и React Suspense, чтобы внести ряд улучшений в рендеринг на стороне сервера.
Обновление Next.js, о котором было объявлено 4 мая, также включает бета-версию нового сборщика Turbopack и альфа-версию Server Actions, новую функцию для изменения и повторной проверки данных на сервере и управления состоянием формы.
Но следует отметить, что Next.js 13.4 — это производственная версия App Router, которая служит развитием существующего маршрутизатора на основе файловой системы в Pages Router. С помощью App Router контент может передаваться с сервера в потоковом режиме, что повышает воспринимаемую производительность загрузки страницы. Кроме того, App Router теперь имеет встроенную поддержку SEO с API метаданных для настройки страницы для поиска в Интернете, совместимой с потоковой передачей.
Первоначально представленный с Next.js 13, который появился в октябре прошлого года, App Router был построен на основе компонентов React Server и React Suspense, которые обеспечивают более гибкую выборку данных и прогрессивную визуализацию страниц или мгновенную потоковую передачу с сервера. А с помощью App Router, в отличие от Pages Router, выборка данных может быть совмещена с компонентом.
Vercel рекомендует использовать App Router для новых приложений; пользователи могут постепенно мигрировать существующие приложения. Инструкции по началу работы с Next.js можно найти на сайте next.js.org.
Next.js 13.4 также включает бета-версию Turbopack, сборщика, предназначенного для ускорения локальных итераций, пока идет работа над будущим приложением Next.js, а вскоре и над производственными сборками. Написанный на Rust, Turbopack представляет собой инкрементальный конструктор, оптимизированный для TypeScript и JavaScript. С момента выпуска в альфа-версии с Next.js 13 в Turbopack были исправлены ошибки и добавлена поддержка отсутствующих функций. Но Turbopack по-прежнему не имеет полнофункционального паритета с Webpack и Next.js. Цель бета-версии — продолжить устранение оставшихся ошибок от более широкого внедрения и подготовиться к выпуску стабильной версии.
В альфа-версии Next.js 13.4 действия сервера позволяют изменять данные на сервере, вызывая функции напрямую, без необходимости создания промежуточного слоя API. По словам Верселя, это обеспечивает «мощные» мутации данных в первую очередь на сервере, меньше клиентского JavaScript и постепенно улучшаемые формы. Next.js 13.4 также имеет возможность режима черновика для извлечения и рендеринга черновика контента из безголовой CMS.
