Виды рендеринга в Next.js
Если коротко, то есть такие виды рендеринга. Расскажу о них в общих чертах.
CSR - client side rendering
Обычный SPA.
Весь рендер происходит на клиенте.
Запросы с клиента на получение данных от сервера.
Не индексируется поисковиками.
SSR - server side rendering
Сервер рендерит при первом запросе HTML страницу.
На клиенте новый код встраивается (гидрируется).
Индексируется поисковиками.
RSC - react server components
Рендерится на сервере и стримит его на клиент без гидрации.
Получаем кусочками новую информацию.
Статика не только при первом запросе.
SSG - static site generation
Генерирует HTML на сервере.
Рендерит в процессе билда, не в рантайме.
Статические страницы не требуют гидрации.
ISR - incremental static regeneration
Позволяет перерендеривать статические страницы.
Комбинация подходов SSG и SSR/RSC.