7 важных обновлений в Nuxt 4: папки, хуки useFetch и useAsyncData, Unhead v2, error.data и другое

Video Description

В этом видео мы подробно обсудим семь ключевых обновлений: новую организацию папок и файлов проекта, пошаговую миграцию с версии 3 на версию 4, переработку хуков `useFetch` и `useAsyncData`, обновлённую библиотеку Unhead v2 для управления head, автоматическую нормализацию имён компонентов, появление свойства `error.data` и ряд других полезных новшеств, повышающих стабильность и удобство разработки. После того как вы освоите эти обновления, самое время закрепить знания в полном курсе «Nuxt — fullstack Vue фреймворк», где вас ждут 129 уроков и 13 практических упражнений, пошагово покрывающих всё — от базовой настройки окружения и роутинга до SEO, авторизации, серверных эндпоинтов и работы в команде над реальным проектом. В курсе доступны три бесплатных модуля, круглосуточные AI-тренажёры для практики, микро-задачи для отработки навыков, живое ревью кода от менторов и еженедельные Q&A-сессии. Курсы 🔒 Старт от 3999₽ с 100% гарантией возврата. Если курс не понравится в первые 30 дней — вернем деньги без лишних вопросов. ❇️ От 3999р: Полный курс по Nuxt — https://purpleschool.ru/course/nuxt/?utm_source=youtube&utm_medium=link&utm_campaign=7+%D0%B2%D0%B0%D0%B6%D0%BD%D1%8B%D1%85+%D0%BE%D0%B1%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B9+%D0%B2+nuxt+v4&utm_content=course ❇️ От 3999р: Полный курс по Vue.js — https://purpleschool.ru/course/vuejs/?utm_source=youtube&utm_medium=link&utm_campaign=7+%D0%B2%D0%B0%D0%B6%D0%BD%D1%8B%D1%85+%D0%BE%D0%B1%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B9+%D0%B2+nuxt+v4&utm_content=course Карьера 🚀 От 6000р / мес: Большая программа по построению карьеры Frontend-разработчика на Vue за 7 месяцев с практикой в студии и поддержкой опытных менторов: https://purpleschool.ru/profession/frontend-vue/?utm_source=youtube&utm_medium=link&utm_campaign=7+%D0%B2%D0%B0%D0%B6%D0%BD%D1%8B%D1%85+%D0%BE%D0%B1%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B9+%D0%B2+nuxt+v4&utm_content=career Телеграм ✈️ Телеграм-канал с новостями, материалами и чатом на 4 000+ разработчиков: https://t.me/purple_code_channel Бесплатные материалы 🗂 Карьерные карты для развития в разработке под вашу ситуацию — https://purpleschool.ru/skills/?utm_source=youtube&utm_medium=link&utm_campaign=7+%D0%B2%D0%B0%D0%B6%D0%BD%D1%8B%D1%85+%D0%BE%D0%B1%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B9+%D0%B2+nuxt+v4&utm_content=maps 🗂 Курс «Основы разработки» — https://purpleschool.ru/course/code-basics/?utm_source=youtube&utm_medium=link&utm_campaign=7+%D0%B2%D0%B0%D0%B6%D0%BD%D1%8B%D1%85+%D0%BE%D0%B1%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B9+%D0%B2+nuxt+v4&utm_content=free_course 🗂 Курс «CSS Flexbox» — https://purpleschool.ru/course/flexbox/?utm_source=youtube&utm_medium=link&utm_campaign=7+%D0%B2%D0%B0%D0%B6%D0%BD%D1%8B%D1%85+%D0%BE%D0%B1%D0%BD%D0%BE%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B9+%D0%B2+nuxt+v4&utm_content=free_course Содержание: 00:00 — Интро 00:27 — Новая структура проекта 04:57 — Миграция с v3 на v4 09:03 — Изменение useFetch и useAsyncData 10:38 — Unhead v2 12:06 — Нормализация названий компонент 13:10 — error.data 13:45 — Другие изменения 14:34 — Аутро