Расскажи про режимы рендеринга в Next.js: SSR, SSG, ISR — в чём их отличия?

Существуют три основные стратегии рендеринга в веб-разработке:

Короткий ответ

Что ответить на собеседовании

Существуют три основные стратегии рендеринга в веб-разработке:

Подробный разбор

Ответ с пояснениями

Существуют три основные стратегии рендеринга в веб-разработке:

  • CSR (Client-Side Rendering) — рендеринг происходит в браузере с помощью JavaScript. Сервер отправляет минимальный HTML и скрипты, которые динамически создают содержимое страницы. Пример: React SPA. Плюсы — высокая интерактивность, минусы — медленный первый рендер и SEO-проблемы.
  • SSR (Server-Side Rendering) — сервер генерирует полный HTML страницы и отправляет его клиенту. Это улучшает SEO и время первого отображения. После загрузки страницы клиентский JS может «гидратировать» страницу для интерактивности.
  • SSG (Static Site Generation) — страницы генерируются заранее на этапе сборки (build time). Это быстрый и надежный способ, так как сервер отдает готовый статический HTML. Используется в блогах, документации, где контент меняется нечасто.

Каждая стратегия имеет свои преимущества и применяется в зависимости от требований проекта.

Практика в реальном времени

Подготовьтесь к следующему собеседованию

Interview Boost учитывает вакансию, резюме и технологии и помогает сформулировать ответ прямо во время интервью.

Начать подготовку