Nuxt - интенсивный базовый курс
О чём курс
Развертывание SSR (Server Side Rendering) на чистом Vue — трудоемкая задача, которую Nuxt закрывает автоматически, позволяя сосредоточиться на разработке SPA. В этом интенсиве разбираются ключевые механики фреймворка через практику с реальным стеком: Vuetify 3 для UI, Pinia для стейт-менеджмента и TypeScript для типизации. Вы пройдете путь от настройки Nuxi до деплоя приложения на VDS с использованием Nginx и pm2. Особое внимание уделено "подводным камням" гидратации компонентов и оптимизации Core Web Vitals при работе с серверным рендерингом.
Программа обучения
- Урок 1
- Знакомство с Nuxt, работа с Nuxi
- Процесс разработки и концепция автоимпорта
- Структура директорий и основные части системы
- Простой роутинг, страницы и компоненты
- Плагины и middleware
- Настройки в nuxt.config
- Урок 2
- Выбор UI, установка Vuetify 3 в Nuxt
- Базовые концепции Vuetify
- Конфигурация и стили
- Application layout
- Основные UI-компоненты
- Правильное подключение иконок
- Урок 3
- SSR и гидратация SPA
- Проблема асинхронных операций
- Работа с данными в Nuxt
- useFetch, useAsyncData и $fetch
- Создание обёртки $appFetch
- Нюансы плагинов: setup, dependsOn, provide
- Урок 4
- Авторизация: pinia и auth store
- Роутинг и вложенные маршруты
- Мета-данные маршрутов и definePageMeta
- Разработка Auth-middleware
- $appFetch: авторизация и 401-ые ошибки
- Отключение SSR для закрытых страниц
- Урок 5
- Создание страницы входа на сайт
- Работа с формами
- Создание composable useForm
- Обработка 422-ых ошибок
- Layouts для клиентской части и админ-панели
- Урок 6
- Разработка функционала админки
- Взаимодействие с backend-api
- Api и паттерн repository
- Умеренное погружение в typescript
- Скрытая папка .nuxt и магия типов
- Урок 7
- Режимы генерации контента
- Пререндеринг vs SSR
- SSR и фокусы UI-библиотек
- Работа с SEO-тегами
- AsyncData и динамические метатеги
- Урок 8
- Доработка SPA
- Развёртывание на VDS
- Node.js и pm2
- Nginx reverse proxy
- Проверка Core Web Vitals с SSR и без
Другие материалы автора 12
ДЛ Дмитрий Лаврик Все материалыОтзывов пока нет. Будьте первым!
Это не розничная цена — это ваш взнос в складчину. Мы собираем группу участников и делим между ними стоимость официального доступа: каждый платит только свою долю, а получает весь материал. Чем больше участников, тем меньше взнос. После того как сумма собрана, мы оформляем официальный доступ и раздаём материалы всем, кто участвовал.
Нажмите кнопку «Получить доступ» на этой странице и следуйте инструкциям. Вас переведёт на форму оплаты — доступны все современные способы (карта, СБП, электронные кошельки). После оплаты на почту придёт письмо с доступом: материалы выдаются в разделе «Мои складчины» на нашем основном сайте skladchik.org. Учтите: в России skladchik.org открывается только через ускоритель интернета (VPN) — настроить его можно за пару минут по инструкции на skladchik-kak-voiti.online.
Да, конечно. Все материалы — видео, PDF, дополнительные файлы — можно скачать к себе на компьютер и пользоваться ими сколько угодно, без ограничений по времени. Ссылки остаются активными в вашей библиотеке «Мои складчины».