Сообщество веб-разработчиков в восторге от выхода Release Candidate (RC) Next.js 15. Эта ранняя версия позволяет разработчикам исследовать и тестировать последние функции перед выпуском стабильной версии. В этой статье мы рассмотрим ключевые обновления и улучшения, представленные в Next.js 15 RC, включая поддержку React 19 RC, значительные изменения в кэшировании, экспериментальные функции, такие как частичная предварительная отрисовка и next/after, обновления инструмента create-next-app и новые опции для пакетирования внешних библиотек.
Начало работы с Next.js 15 RC
Чтобы попробовать Next.js 15 RC, вы можете начать новый проект с помощью следующей команды:
shКопировать кодnpx create-next-app@rc
Поддержка React 19 RC и улучшения
Одним из самых ожидаемых обновлений в Next.js 15 RC является поддержка React 19 RC, которая включает:
Компилятор React (экспериментальный)
Компилятор React — это новый экспериментальный компилятор, направленный на оптимизацию производительности и эффективности React-приложений за счет понимания семантики JavaScript и правил React. Это снижает необходимость в ручной мемоизации, упрощая код и делая его менее подверженным ошибкам.
Улучшения обработки ошибок гидратации
Next.js 15 RC улучшает процесс гидратации, делая его более надежным и устойчивым к ошибкам. Улучшенные сообщения об ошибках и представления ошибок гидратации помогают разработчикам более эффективно диагностировать и устранять проблемы.
Пересмотр кэширования
Поведение кэширования в Next.js 15 RC претерпело значительные изменения для обеспечения большего контроля и гибкости:
- Fetch-запросы: Запросы fetch по умолчанию больше не кэшируются, что позволяет разработчикам более точно управлять актуальностью данных.
- GET-обработчики маршрутов: Подобно fetch-запросам, GET-обработчики маршрутов по умолчанию не кэшируют ответы, обеспечивая подачу самых свежих данных.
- Клиентские навигации: Навигации на стороне клиента обходят кэш, обеспечивая более предсказуемый и динамичный пользовательский опыт.
Частичная предварительная отрисовка (экспериментальная)
Частичная предварительная отрисовка — это заметная экспериментальная функция в Next.js 15 RC. Она вводит новую опцию конфигурации для макетов и страниц для постепенного внедрения. Это позволяет разработчикам избирательно предварительно отрисовывать части их приложения, улучшая время загрузки и производительность без необходимости полной переработки существующего кода.
Введение next/after (экспериментальная)
API next/after — еще одно экспериментальное дополнение, которое позволяет разработчикам выполнять код после завершения передачи ответа. Эта возможность может быть использована для таких задач, как логирование, очистка или дополнительные асинхронные операции, которые не должны блокировать ответ клиенту.
Обновления create-next-app
Инструмент create-next-app получил несколько обновлений:
- Обновленный дизайн: Инструмент теперь имеет обновленный дизайн, делающий его более интуитивным и удобным для пользователя.
- Новый флаг для Turbopack: Разработчики могут использовать новый флаг для включения Turbopack в локальной разработке. Turbopack — это новый сборщик, который значительно ускоряет процесс разработки с более быстрыми сборками и перезагрузками.
Пакетирование внешних библиотек (стабильное)
Next.js 15 RC вводит стабильную поддержку пакетирования внешних библиотек, предоставляя новые опции конфигурации как для App, так и для Pages Router. Это обновление обеспечивает разработчикам больший контроль над зависимостями проекта и конфигурациями сборки, что приводит к более эффективным и адаптированным приложениям.
Другие заметные изменения
- Минимальная версия React: Минимальная версия React теперь 19 RC.
- Обновления next/image: Несколько изменений, нарушающих обратную совместимость, и улучшения компонента next/image, такие как удаление зависимости squoosh в пользу sharp и изменение стандартного заголовка content disposition.
- Конфигурации кэширования: Новые настройки по умолчанию и опции для конфигураций кэширования обеспечивают лучшую производительность и больший контроль для разработчиков.
Заключение
Release Candidate Next.js 15 насыщен захватывающими новыми функциями и улучшениями, которые расширяют границы современного веб-разработки. От поддержки React 19 RC и значительных изменений в кэшировании до экспериментальных функций, таких как частичная предварительная отрисовка и next/after, этот релиз-кандидат предлагает множество возможностей для разработчиков для инноваций и оптимизации своих приложений. С обновленным инструментом create-next-app и новыми опциями для пакетирования внешних библиотек, начать работу с Next.js стало еще проще и мощнее.
Команда Next.js призывает разработчиков попробовать RC и предоставить обратную связь, чтобы помочь усовершенствовать эти функции перед предстоящим стабильным выпуском. Погружайтесь в будущее веб-разработки с Next.js 15 RC и начните исследовать возможности уже сегодня, запустив:
shКопировать кодnpx create-next-app@rc
