Server Side Rendering

5 участников

О чём курс

Вам нужен быстрый 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-кода в отдельный репозиторий, Применение библиотеки в проекте
Складчина создана 18 декабря 2025 г. · описание обновлено 3 мая 2026 г.

Другие материалы автора 12

ДЛ Дмитрий Лаврик Все материалы
2 214 ₽ 14 700 ₽