Nuxt.js | Vue SSR News

Всем привет!Я тут написал большую статью на Хабр про 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 (уже доступна!)Стабильный релиз: конец июня 2025Nuxt 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

Тут команда Nuxt сколлаборировалась с командой Chrome Aurora и выпустила новый модуль – Nuxt Scripts ☀️Если вы используете third-party скрипты (например, аналитику) и хотите улучшить:🔠Надёжность🔠Метрики Lighthouse🅱️Безопасность🔠Удобство использования– Поставьте бету и попробуйте, и не забудьте завести issue, если попытка оказалась неудачной