Расскажи про SSR, CSR и SSG — в чём разница?

SSR (Server-Side Rendering), CSR (Client-Side Rendering) и SSG (Static Site Generation) — это три подхода к рендерингу веб-страниц:

• SSR — страница генерируется на сервере при каждом запросе и отправляется уже готовой в браузер. Это улучшает SEO и время первого отображения, но нагрузка на сервер выше.

• CSR — сервер отправляет минимальный HTML и JavaScript, а вся отрисовка происходит в браузере. Это даёт более интерактивный опыт, но может ухудшить SEO и время первого рендера.

• SSG — страницы генерируются заранее во время сборки проекта и хранятся как статические файлы. Быстрая отдача и хорошее SEO, но не подходит для часто меняющегося контента.

Пример:

• SSR: Next.js с getServerSideProps
• CSR: React-приложение, загружающее данные через API после загрузки
• SSG: Next.js с getStaticProps или Gatsby

Выбор зависит от требований к SEO, интерактивности и частоте обновления контента.