Описание [Дмитрий Лаврик] Nuxt - интенсивный базовый курс (2024):
Разобраться с основными концепциями фреймворка Nuxt и научиться создавать одностраничные приложения (SPA), поддерживающие рендеринг на стороне сервера (Server Side Rendering), с минимальными усилиями для программиста
(по сравнению с реализацией SSR с нуля на чистом Vue).
Мы стремимся организовать обучение, максимально приближенное к реальным условиям, поэтому сразу подключаем Vuetify, изучаем её компоненты и исследуем проблемы UI-библиотек при SSR.
Программа курса:
Урок 1
- Знакомство с Nuxt, работа с Nuxi
- Процесс разработки и концепция автоимпорта
- Структура директорий и основные компоненты системы
- Простой роутинг, страницы и компоненты
- Плагины и middleware
- Настройки в nuxt.config
- Выбор UI, установка Vuetify 3 в Nuxt
- Базовые концепции Vuetify
- Конфигурация и стили
- Application layout
- Основные UI-компоненты
- Правильное подключение иконок
- SSR и гидратация SPA
- Проблема асинхронных операций
- Работа с данными в Nuxt
- useFetch, useAsyncData и $fetch
- Создание обёртки $appFetch
- Нюансы плагинов: setup, dependsOn, provide
- Авторизация: pinia и auth store
- Роутинг и вложенные маршруты
- Мета-данные маршрутов и definePageMeta
- Разработка Auth-middleware
- $appFetch: авторизация и ошибки 401
- Отключение SSR для закрытых страниц
- Создание страницы входа на сайт
- Работа с формами
- Создание composable useForm
- Обработка ошибок 422
- Layouts для клиентской части и админ-панели
- Разработка функционала админки
- Взаимодействие с backend-api
- Api и паттерн repository
- Умеренное погружение в typescript
- Скрытая папка .nuxt и магия типов
- Режимы генерации контента
- Пререндеринг против SSR
- SSR и особенности UI-библиотек
- Работа с SEO-тегами
- AsyncData и динамические метатеги
- Доработка SPA
- Развёртывание на VDS
- Node.js и pm2
- Nginx reverse proxy
- Проверка Core Web Vitals с SSR и без
Подробнее:
Скачать курс [Дмитрий Лаврик] Nuxt - интенсивный базовый курс (2024):
Для просмотра содержимого вам необходимо авторизоваться
Последнее редактирование модератором:
