← Все навыки

Next.js и серверный рендеринг

Серверная сторона фронтенда для грейда выше джуна: SEO, SSR, гидрация и данные — по той же цепочке, что и на собеседовании

5 модулей Middle+ / Senior Индивидуально с ментором

Для кого этот курс

  • Вы пишете на React/Next и целитесь на грейд выше или в бигтех
  • На «распиши пайплайн SSR» или «кэшируется ли fetch» блок сворачивают
  • Нужен маршрут по фронтенд-систем-дизайну: SEO → SSR → гидрация → данные

Программа

Модуль 0. Введение

Зачем фронтендеру сервер и как устроен систем-дизайн блок
  • Почему серверная сторона обязательна для Middle+ фронтендера
  • Систем-дизайн блок и цепочка SEO → SSR → пайплайн → гидрация
  • «Собесный уровень» против рабочего: формулировка механики

Модуль 1. Стратегии рендеринга и SEO

CSR, SSR, SSG, ISR и почему React плохо индексируется
  • CSR, SSR, SSG и ISR: выбор стратегии под SEO и скорость
  • SEO и поисковые роботы: что видит бот, почему SPA плохо индексируется

Модуль 2. Next.js изнутри: пайплайн, гидрация, RSC

Что происходит между запросом и контентом на экране
  • Пайплайн запроса в Next: что считается на сервере
  • Гидрация: как оживает серверная разметка
  • Серверные и клиентские компоненты (RSC)

Модуль 3. Данные: fetching, ISR, стриминг

Получение данных, кэш fetch, инвалидация и Suspense
  • Получение данных и кэширование fetch по умолчанию
  • ISR и инвалидация
  • Стриминг и Suspense на сервере

Модуль 4. Продакшен: API Routes и деплой

Next как BFF и вывод в прод
  • API Routes и Next как BFF
  • Деплой production-уровня

Чем курс отличается

Программа построена вокруг реальной цепочки фронтенд-собеседования, а не пересказа документации Next

  • Тренируем «собесный уровень»: проговариваем механику под уточняющие вопросы
  • Идём по маршруту интервью: SEO → SSR → пайплайн → гидрация → данные → прод
  • Разбираем места, где спотыкается большинство: кэш fetch, гидрация, RSC