Server Side Rendering
О чём курс
Вам нужен быстрый SEO-дружелюбный сайт, но вы не хотите ограничивать себя жесткими рамками Next.js или Nuxt? Здесь учат создавать собственную архитектуру Server Side Rendering с нуля для Vue и React. Вы разберетесь, как работают «под капотом» изоморфные приложения, научитесь настраивать Vite-серверы, пробрасывать кэш данных между сервером и клиентом и избегать распространенных архитектурных ловушек при гидратации. Итогом станет создание собственных open-source библиотек для SSR, которые можно будет использовать в реальных проектах.
Программа обучения
- Урок 1: Теория Server Side Rendering, Серверная и клиентская точки входа, Жизненный цикл приложения, Архитектурные подставы SSR, Борьба с синглтонами на уровне ES-модулей, Реализация простейшего SSR
- Урок 2: Создание SSR dev-сервера с Vite, Статические ресурсы и внешний шаблон, Создание контейнера зависимостей, Знакомство с AsyncLocalStorage, Изоморфный DI на клиенте и сервере, Роутинг в SSR режиме
- Урок 3: Получение данных от API, Создание hook / composable useAsyncData, Жёсткая типизация, Ожидание асинхронных данных, Suspense + await во Vue, Suspense + use в React
- Урок 4: Создание компонента Async Helper, Нюансы гидратации SPA, Асинхронные данные и проблемы гидратации, Проброс кэша через HTML, Генерация кэширующего ключа, Инвалидация кэша
- Урок 5: Функции API и паттерн репозиторий, Ключ выборки функции как метка кэша, Феерическая типизация с Dot Key, SSR и авторизация пользователей, Правильное взаимодействие router и store, Игнорирование auth / guest страниц
- Урок 6: Обработка ошибок при SSR, Генерация SEO тегов, Работа с глобальными данными, Проброс состояния хранилища, Улучшение производительности SSR, Механики серверного кэша
- Урок 7: Создание репозитория универсальных помощников, Публикация на npm и github, Доработка чистовика системы под Vue, Вынесение Vue-кода в отдельный репозиторий, Применение библиотеки в проекте
- Урок 8: Доработка чистовика системы под React, Решение проблемы промигивания Suspense, Фейковый Response для renderToPipeableStream, Вынесение React-кода в отдельный репозиторий, Применение библиотеки в проекте
Другие материалы автора 12
ДЛ Дмитрий Лаврик Все материалыОтзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.