Nuxt.js | Vue SSR News

Вышел Nuxt 4.5 — довольно крупный релиз 🍽 — Завезли Vite 8 — Rspack 2, теперь на базе Rsbuild — Экспериментальный SSR-стриминг для более быстрого TTFB — Новая стабильная система кодов ошибок — useLayout и именованные представления И ещё множество внутренних изменений, которые готовят Nuxt к версии 5 🤩 https://habr.com/ru/articles/1060996/

https://www.youtube.com/watch?v=0-cvORcZWh8

https://habr.com/ru/articles/1001002/

Всем привет! Я к вам с хорошей новостью: кому не хватало документации переведенной на русский язык по Nuxt и были проблемы с доступом к сайту документации - то теперь можно использовать сайт с актуальной документацией https://nuxt-ru.vercel.app/ Все актуализировано, деплой работает! Спасибо группе активистов которые помогли с переводом!

Если в вашем проекте на Nuxt нужна база данных (а, как правило, она нужна), то есть способ довольно быстро инициализировать ее с помощью https://hub.nuxt.com. Работает на базе Drizzle ORM и поддерживает PostgreSQL, MySQL и SQLite. И капец как удобно работать локально с помощью NuxtDevTools.

Всем привет! Я тут написал большую статью на Хабр про Nuxt UI. Если что, с недавних пор эта библиотека работает и с обычным Vue. В общем, если кому интересно, приглашаю почитать. https://habr.com/ru/companies/timeweb/articles/971892/

Представьте, просыпаетесь вы утром, а там Nuxt 4 официально вышел и включает множество (непустое) улучшений: 🐤Изменили структуру папок проекта (также известную как архитектура): app/, server/, modules/ ✨ Обновили useAsyncData и useFetch: теперь с shallow-реактивностью, undefined для дефолта и переиспользованием данных между компонентами. 🍙 Упростили tsconfig, теперь достаточно одного в корне проекта. 🩹 Нормализовали автогенерацию имён компонентов – теперь они будут одинаково отображаться и использоваться и в девтулзах, и в KeepAlive, и с автоимпортами. Готовы обновляться? Ловите гайд по миграции. Не готовы? Пока что жить можно. Поддержка Nuxt 3 заявлена до конца 2025, Nuxt 4 – до середины 2026. Ожидается вскоре Nitro v3 и уже на его базе выйдет Nuxt 5. Доброе утро ☀️

NuxtLabs присоединяется к Vercel 👩‍💻 Это позволит им сосредоточиться на развитии Nuxt и Nitro без отвлечения на поиск финансирования, сохранив при этом MIT-лицензию, открытый публичный роадмэп и сильное сообщество. Все прошлые спонсорские взносы будут переведены в Open Collective для максимальной прозрачности. Что будет дальше: 🥳 Nuxt UI v4 выйдет с бесплатным доступом ко всем Pro-компонентам и Figma-китом. 🥲 Nuxt Studio станет self-hostable и интегрируется с Nuxt Content как подобие CMS. Уже заанонсировали закрытие облачной версии 31 декабря 2025. 🐸 NuxtHub сделают провайдер-независимым, но с первоклассной интеграцией с сервисами Vercel Marketplace: Postgres, Redis и др.). 👻 AI-функции: появятся новые инструменты для ускорения разработки (совместно с AI-командой Vercel и локальными экспериментами типа MCP). 🐤 Сам Nuxt продолжит разрабатываться независимо и вся кор-команда остаётся на месте. Порадуемся за молодых?

Если хотите прислать новость про накст то можно воспользоваться личкой для канала, сообщения бесплатные upd: кто дизлайки ставит, подумываем отключить все реакции кроме 👩‍💻

🚀 Вышла первая альфа-версия Nuxt 4! Изначально Nuxt 4 планировался к выпуску в июне 2024, однако команда пересмотрела подход: Альфа-версия: июнь 2025 (уже доступна!) Стабильный релиз: конец июня 2025 Nuxt 5: позже, после готовности Nitro v3 🔥 Ключевые изменения ⚡️ Nitropack v3 nightly Самое значимое обновление — интеграция с Nitropack v3 nightly, что обещает улучшенную производительность и новые возможности. 🎨 Обновленные UI-шаблоны Шаблоны пользовательского интерфейса полностью обновлены под брендинг v4. 📦 Масштабные обновления зависимостей Обновлены до последних версий ключевые зависимости: c12, jiti, unbuild, unimport и множество других. 📋 Что планируется в ближайшие недели Pull Request'ы для модулей сообщества в nuxt/modules registry Полный гайд по миграции с Nuxt 3 на Nuxt 4 Только багфиксы для v3 в этом месяце Обновление документации на nuxt.com с переключением между версиями Release Candidate планируется на 23 июня ⚠️ Важные моменты для разработчиков На стадии альфы: Планируются дополнительные breaking changes Возможны баги и "трения" в использовании На стадии беты: Breaking changes не планируются, но могут быть при необходимости На стадии RC: Только исправления багов 🧪 Как попробовать Команда призывает early adopters (ранних пользователей) тестировать новую версию и сообщать о найденных проблемах в репозиторий Nuxt или используемых модулей. Следить за прогрессом можно через Nuxt 4 milestone на GitHub.

Стоило выйти за хлебом на 4 месяца, и тут такое... Вышел Nuxt 3.17, несмотря на все сложности ‼️ useAsyncData и useFetch теперь умнее: несколько вызовов с одним ключом будут использовать одну и ту же реактивную ссылку. Плюс поддержка реактивных ключей — если что-то поменялось, данные сами перезагрузятся без лишнего шума. 🐊 Новый <NuxtTime> — Теперь можно рендерить дату и время без ошибок гидрации (Раньше тоже было можно, просто теперь отдельный компонент завезли). 👀 Кстати о компонентах — Переработали NuxtErrorBoundary, теперь это SFC (ну ладно), и теперь помимо error в слот с ошибкой передаётся ещё и функция clearError (а вот это уже ничего себе) 🐸 И ещё немного о компонентах. Добавили пропс trailing-slash прямо в <NuxtLink>, чтобы аккуратно управлять тем, будут ли слэши в ваших урлах. ✏️ Доку вынесли в отдельный npm-пакет — @nuxt/docs. Ребята пилят свой mcp-сервер, так что это скорее для них, чем для нас. 🍪 Для разработчиков модулей тоже есть улучшения — добавлен флаг experimental.enforceModuleCompatibility. Модули теперь проверяются на совместимость с v3 (v4 держим в уме) заранее. И хук addComponentExports, чтобы добавить именованным компонентам в модуле возможность автоимпорта. 🔥 Куда же без перформанса? Перешли на tinyglobby — меньше зависимостей (2 vs 23), быстрее сборка. Зацените https://e18e.dev/, если хотите у себя тоже выкинуть какие-то тяжёлые зависимости (из проекта). Еще почистили список папок, чтобы ускорить тайпчекинг. Полный пост, как всегда, в блоге

5 января был очередной релиз с багфиксами, но уже сегодня вышло новое обновление 🎉 🔥 Поработали над производительностью при старте приложения 📦 Отрефакторили CLI Ну и конечно же багфиксинг, куда без него. А так же обновили дату релиза v4 🤔 Вместо 3 квартала 2024 года добавили описание — примерно через 1 месяц после выхода nitro v3 Ждем и надеемся, что количество критов будет минимальным, а багфиксы своевременны 🤞

Новый год уже совсем близко🎄 Команда Nuxt принесла нам предновогодний подарочек 🎁 Встречайте Nuxt 3.15.0 🎉 ⚡️ Включена поддержка Vite 6 Не смотря на то, что в Vite 6 есть ряд не обратно совместимых изменений, команда Nuxt надеется, что это не станет большой проблемой при использовании Nuxt. 🪵 Интеграциия с инструментами для разработчиков в браузерах на Chromium Теперь в девтулах добавлена поддержка вывода информации о таймингах хуков жизненного цикла nuxt 🗺️ Навигационный режим для callOnce Иногда хочется использовать callOnce не просто один раз на сервере, а каждый раз при навигационном переходе. Теперь такая возможность есть, у callOnce появился необязательный параметр режим с опцией navigation 🥵 Добавлена поддержка HMR для виртуальных файлов Nuxt, а так же метаданных для страниц 📋 Улучшение метаданных страниц Добавлено извлечение дополнительных ключей метаданных на страниц. Добавлена поддержка запуска локальных функций внутри definePageMeta 🔥 Улучшение производительности Обещают, что приложение стало производительнее, но это еще нужно проверить Есть еще разные улучшения, с полным списком которых можно ознакомиться в релиз ноутах 👩‍💻

Наткнулся на весьма интересное видео в рекомендациях. Ни с Vue, ни с Nuxt'ом это не связано (хотя косвенно - да), но очень советую к просмотру!) https://www.youtube.com/watch?v=BfYcYsUAcdk

В прошлом посте было сразу несколько анонсов (кстати, 3.14.1 не вышел, но патч вышел — как же так?). Теперь немного подробнее 🍿12-13 ноября будет Nuxt Nation — конференция, на которой будет много знакомых лиц и немного незнакомых. Обещают рассказать про Nuxt, про Nuxt UI, про повышение перформанса, разработку мобильных и local-first приложений. ✏️Кроме того, анонсировали 45-минутную панель с core-командой Nuxt'а на тему будущего фреймворка и экосистемы. Вопросы принимаются уже сейчас, но, возможно, можно будет их задать и на самой встрече. Надеемся на стрим без лагов в этом году!

Это наша последняя гонка... Вышел Nuxt 3.14 и прям в релиз-ноутах сделали анонс предстоящего Nuxt 3.15 🐊 В сборщиках пополнение — добавился rspack. Если вы использовали webpack до этого, дайте шанс новичку 🌿 Новая папка shared для переиспользуемого кода между server- и app-частью вашего приложения. Держите видеообъяснение. 🥳Подкапотные инструменты тоже обновили. Свежий Nitro 2.10, Jiti v2 сделают ваш проект выше, быстрее, сильнее бесплатно. В композаблах добавили useResponseHeader (понятно, для чего) и useRuntimeHook (чтобы хуки регистрировались и разрегистрировались вместе с жизненным циклом) Для модулей в этот раз немного — добавили только addServerTemplate, чтобы генерировать файлы из кода, которые потом будут использоваться в Nitro ❗️Ну и пара изменений для будущего v4 (ожидается, что его покажут на конференции Nuxt Nation 12 ноября): изменили названия для автоимпортируемых компонентов, и поменяли принцип сканирования метадаты на страницах, которая описана в definePageMeta(). Чтобы это у вас сработало, не забудьте выставить в конфиге { future: { compatibilityVersion: 4 } } Будет 3.14.1?

Vue успешно вступает в гонку миноров 3й версии и выпускает свежий 3.5.0, который завтра ваш коллега случайно принесёт в проект, обновив локфайл. 🥲Нам приятно, что в релиз попали улучшения для SSR. Например, добавили много вспомогательных функций для ленивой гидрации, а также data-allow-mismatch для пометки элементов, которым разрешено не совпадать при серверном и клиентском рендере. Кроме того, теперь useId() есть не только в Nuxt, но и в самом Vue. Интересно, будет ли жёсткая борьба между ними? (UPD: нет) Остальные улучшения такие: ↗️Оптимизация реактивности: Снижено использование памяти на 56% в среднем, а в больших реактивных массивах стало лучше в 10 раз. 💭Reactive Props Destruсture: Всё-таки запихнули ещё немного магии в <script setup>, обязательно прочитайте, как этим пользоваться. 👻Расширение работы с Custom Elements: Добавлены API useHost() и useShadowRoot(). Для староверов прокинули this.$host в Options Api. 👍Новые возможности: useTemplateRef() для динамических референсов и возможность использовать <Teleport> до того, как он отрендерится.

Мы все ждали 4ю версию нашего любимого фреймворка Nuxt, но вот немного нового для 3й версии 👩‍💻 🏘️ Группировка роутов. Теперь можно группировать роуты путем именования директории в круглые скобки, все что в круглых скобках, не будет участвовать в формировании урла. 🏝️ Серверные компоненты (Islands) могут добавлять SEO методанные при рендеринге 🪝 Пользовательские триггеры для префетчинга. Теперь можно отключить префетчинг глобально и включать его точечно, там где это действительно нужно 🗺️ Улучшенная генерация серверных Source Maps (это можно настраивать в nuxt.config) 🎁 Добавлены новые утилиты для авторов модулей. Это этап подготовки к переходу на v4 ✨ Улучшены варнинги для dev разработки 🚨 Улучшена типизация для работы с Vue А также много разного, со всем списком изменений можно ознакомиться в ченджлоге 👉 тут

Начался очередной Nuxt Office Hours. Если у вас было желание задать вопрос в реальном времени, возможно это ваш шанс!💻 https://discord.gg/68TePg2T?event=1272756747626610781