Что такое getStaticProps

getStaticProps — это функция в Next.js, которая позволяет предварительно загружать данные на этапе сборки (build time) для статически генерируемых страниц. Она выполняется на сервере и возвращает пропсы, которые передаются в компонент страницы.

Ключевые особенности:

• Работает только на страницах (pages/*).
• Данные загружаются один раз при сборке.
• Можно использовать с getStaticPaths для динамических маршрутов.
• Подходит для контента, который редко меняется (например, блоги, документация).

Пример:

export async function getStaticProps() {
  const res = await fetch('https://api.example.com/posts');
  const posts = await res.json();

  return {
    props: { posts }, // передается в компонент страницы
    revalidate: 10, // опционально: ISR (инкрементальная статическая регенерация)
  };
}

Когда использовать:

• Если данные не меняются часто.
• Если нужна максимальная производительность (статический HTML).
• Если не требуется обновление данных в реальном времени.