Ответ
SSR (Server-Side Rendering)
Рендеринг на сервере. Сервер генерирует HTML и отправляет клиенту готовую страницу. Плюсы: SEO, быстрая загрузка. Минусы: нагрузка на сервер.
CSR (Client-Side Rendering)
Рендеринг в браузере. Сервер отправляет пустой HTML и JS, который строит интерфейс. Плюсы: интерактивность. Минусы: медленная загрузка, проблемы с SEO.
SSG (Static Site Generation)
Предварительный рендеринг. HTML генерируется на этапе сборки. Плюсы: скорость, SEO. Минусы: не подходит для динамического контента.
ISR (Incremental Static Regeneration)
Гибрид SSG и SSR. Страницы генерируются статически, но могут обновляться через заданные интервалы. Пример в Next.js:
export async function getStaticProps() {
return {
props: { data },
revalidate: 60 // Обновление каждые 60 сек
}
}Hydration
Процесс "оживления" статического HTML с помощью JS после загрузки (используется в SSR/SSG).