Программирование [Дмитрий Лаврик] Nuxt - интенсивный базовый курс (2024)

[Zero]

Автор: Дмитрий Лаврик

Название: Nuxt - интенсивный базовый курс (2024)

О чём курс:

Материал посвящён фреймворку Nuxt и созданию SPA с поддержкой Server Side Rendering с минимальными трудозатратами по сравнению с реализацией SSR на чистом Vue. В программе рассматриваются работа с Nuxi, автоимпорт, структура проекта, роутинг, плагины, middleware и настройки nuxt config, а также подключение Vuetify 3, его компоненты, стили и проблемы UI-библиотек при SSR. Отдельно разбираются данные, useFetch, useAsyncData, $fetch, авторизация, формы, админка, SEO-теги, пререндеринг и развёртывание на VDS. Старт курса — 3 октября 2024.

Описание

Разобраться с главными темами фреймворка Nuxt и научиться создавать SPA, поддерживающие Server Side Rendering, с минимальными трудозатратами для программиста

(по сравнению с реализацией SSR с нуля на чистом Vue).

Мы хотим организовать тренировку, приближенную к реальности, и поэтому сразу подключаем Vuetify, изучаем её компоненты и прощупываем проблемы UI-библиотек при SSR.

Программа кура:

Урок 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 и без

Старт курса: 3 октября 2024

Подробнее:

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.