DIGITAL.ERA

Nuxt 3 is coming

Алексей Добрый -

Созданные полностью с нуля для современного web. Гибридный статичный и серверный рендеринг, API маршруты и  native serverless.

Что нового ожидается в Nuxt 3

До 75 раз меньше при развертывании сервера и меньший клиентские скрипты для современных браузеров.

Оптимальный холодный старт с динамическим разделением кода на стороне сервера, на основе nitro.

Поэтапная статическая генерация и другие расширенные режимы сборки.

Получение данных из любого компонента, до или после навигации.

Использование Composition API и Nuxt 3 композиции для реального пере-использования кода.

Новая командная строка для простого старта проектов и интеграции модулей.

Nuxt Devtools для быстрого получения информации и быстрых исправлений прямо в браузере.

Nuxt Kit. Разработка модулей с TypeScript и совместимостью между версиями.

Webpack5. Быстрая сборка и меньший финальный размер пакета, без необходимости что-то настраивать.

Vite. Супер быстрый HMR.

Vu3. Мощная и стабильная основа для вашего следующего проекта.

TypeScript. Создайте на родном TypeScript и ESM - никаких лишних действий не потребуется.

Nitro Engine

Команда Nuxt работала 9 месяцев надо новым серверным движком для Nuxt: Nitro.

В разработке Nitro использует rollup и Node,js для серверного кода и изоляции контекста. Также Nitro генерирует серверный API, читая файлы в server/api/ и серверный функции из server/functions/.

В производственной среде, Nitro собирает приложение  и сервер в одну универсальную директорию .output. Результат: сжат и  исключены любые модули Node.js (кроме polyfills) . Можно развернуть на любой системе поддерживающей Javascript, от Node.js, Serverless, Workres, Edge-side или полностью статично.

Конечный результат сборки комбинирует исполняемый код для запуска Nuxt сервера в любом окружении  и обработку статичных файлов, делая результат по настоящему гибридным фреймворком для JAMSTACK.

Основа Nitro сервера это rollup и h3: минималистичный http фреймворк.

Nuxt Bridge

И так Nuxt переезжает на Vue3 после 4 лет разработки и использования, чтобы иметь сильную основу для будущего.

Для мягкой миграции с Nuxt 2 на Nuxt 3, для упрощения процесса обновления сделано следующее

  • Старые плагины и модули смогут продолжить работу
  • Конфигурация Nuxt 2 будет совместима
  • Partial pages options API available

Можно получить опыт использования Nuxt3 в существующем Nuxt 2 проекте

  • Использовать Nitro сервер с Nuxt2
  • Использовать Composition API с Nuxt2
  • Использовать новый CLI и  Devtools с Nuxt2
  • Постепенно обновиться до Nuxt 3
  • Обновлять по частям (Nitro, Composition API, Nuxt Kit)