> Что такое ISR (Incremental Static Regeneration) в Next.js и почему это гибрид (JavaScript, Next.js)

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

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

Стек: JavaScript, Next.js

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

ISR (Incremental Static Regeneration) - это механизм Next.js, который позволяет обновлять статически сгенерированные страницы без пересборки всего приложения. Вместо того чтобы генерировать все страницы заранее (как в SSG) или отдавать их динамически при каждом запросе (как в SSR), ISR даёт возможность «докидывать» обновлённые версии отдельных страниц по мере необходимости.

Почему это гибрид?
ISR сочетает преимущества статической генерации (быстрая загрузка, кэширование, SEO) и динамического подхода (актуальность данных). Страница генерируется статически при первом запросе, а затем, по истечении заданного времени (revalidate), следующий запрос инициирует фоновую регенерацию. Пользователи получают старый кэш, пока новая версия не будет готова - это гарантирует высокую производительность без простоев.

Пример использования в коде:

JSX
export async function getStaticProps() {
  const data = await fetchData();
  return {
    props: { data },
    revalidate: 60, // секунд до следующей регенерации
  };
}

Таким образом, ISR - это гибридный подход, который делает Next.js идеальным для сайтов с часто обновляемым контентом (блоги, магазины), где нужна и скорость статики, и свежесть данных.