Сравни способы рендеринга и объясни, когда выбирать каждый вариант.

Основные способы рендеринга — CSR, SSR, SSG и ISR — различаются тем, где и когда генерируется HTML. Выбор зависит от требований к SEO, скорости и актуальности данных.

Способы

CSR (Client-Side Rendering)

HTML собирается в браузере из JS. Сервер отдаёт пустой контейнер + бандл.

• Плюсы: быстрые переходы, простой хостинг (статика + API).
• Минусы: медленный первый показ, слабое SEO.
• Для: дашбордов, SPA за авторизацией.

SSR (Server-Side Rendering)

HTML генерируется на сервере на каждый запрос, затем гидратация.

• Плюсы: быстрый FCP, SEO, актуальные данные.
• Минусы: нагрузка на сервер, сложнее.
• Для: контента с динамикой и SEO (магазины).

SSG (Static Site Generation)

HTML генерируется на этапе сборки, отдаётся как статика.

• Плюсы: максимально быстро, дёшево (CDN), SEO.
• Минусы: данные статичны до пересборки.
• Для: блогов, документации, лендингов.

ISR (Incremental Static Regeneration)

Статика с фоновым обновлением по времени — компромисс SSG и SSR.

Как выбирать

• SEO не важен, за авторизацией → CSR.
• Динамика + SEO → SSR.
• Редко меняющийся контент → SSG.
• Статика с периодическим обновлением → ISR.

Коротко для собеседования

CSR — рендер в браузере (быстрые переходы, слабое SEO); SSR — на сервере на запрос (SEO, актуальность, нагрузка); SSG — на сборке (быстро, статично); ISR — статика с фоновым обновлением. Выбор по SEO, скорости и актуальности данных.