Что думаешь об SSR как о способе доставки информации без участия Backend разработчиков

«Что думаешь об SSR как о способе доставки информации без участия Backend разработчиков» — вопрос из категории Архитектура, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

SSR (Server-Side Rendering) — мощный инструмент для улучшения SEO, перформанса и UX, особенно для контентных сайтов. Современные фреймворки (Next.js, Nuxt, SvelteKit) позволяют реализовать SSR без глубокого бэкенда, используя API или даже статические генераторы (SSG).

Плюсы:

  • Быстрая загрузка страниц (меньше белого экрана).
  • Лучшая индексация поисковиками.
  • Меньше нагрузки на клиент (особенно для слабых устройств).

Минусы:

  • Усложняет деплой (нужен Node.js сервер или адаптер для статики).
  • Требует осторожности с данными (например, sensitive-данные могут попасть в HTML).

Пример (Next.js):

export async function getServerSideProps() {
  const res = await fetch('https://api.example.com/data');
  const data = await res.json();
  return { props: { data } }; // Данные рендерятся на сервере
}

export default function Page({ data }) {
  return <div>{data.title}</div>;
}

SSR — не панацея, но отличный выбор, когда важны скорость и SEO. Для динамических приложений можно комбинировать его с CSR (Client-Side Rendering).