> Какие есть виды генерации страниц в Next.js (JavaScript, Next.js)

Уровень: senior · Роль: frontend · Категория: Технические вопросы

Компании: Иннотех, ДиджиталСектор, Билайн

Стек: JavaScript, Next.js

> Пример ответа

В Next.js существует три основных подхода к генерации страниц:

SSG (Static Site Generation) - статическая генерация на этапе сборки. Страницы создаются один раз при next build и раздаются как статические HTML-файлы. Используется для контента, который редко меняется (блоги, документация). Реализуется через getStaticProps (и опционально getStaticPaths для динамических маршрутов).
SSR (Server-Side Rendering) - рендеринг на сервере при каждом запросе. Страница генерируется динамически, HTML отправляется клиенту. Подходит для персонализированного или часто обновляемого контента. Используется через getServerSideProps.
ISR (Incremental Static Regeneration) - гибридный подход: страница генерируется статически, но может пересоздаваться в фоне после заданного интервала времени (параметр revalidate в getStaticProps) или по запросу (on-demand ISR). Позволяет сочетать скорость статики с актуальностью данных.

Также есть Client-Side Rendering (CSR) - данные подгружаются на клиенте через useEffect или библиотеки (SWR, React Query), но это не метод генерации страниц, а способ загрузки данных после первоначального рендера.

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