Рендеринг на стороне сервера (SSR)

Также называется "SSR" или "Динамический рендеринг".

Если страница использует рендеринг на стороне сервера, HTML страницы генерируется при каждом запросе.

Чтобы использовать рендеринг на стороне сервера для страницы, вам нужно export функцию getServerSideProps. Эта функция будет вызываться сервером при каждом запросе.

Например, предположим, что вашей странице необходимо предварительно рендерить часто обновляемые данные (полученные из внешнего API). Вы можете написать getServerSideProps, которая извлекает эти данные и передает их в Page, как показано ниже:

export default function Page({ data }) {
  // Render data...
}
 
// This gets called on every request
export async function getServerSideProps() {
  // Fetch data from external API
  const res = await fetch(`https://.../data`)
  const data = await res.json()
 
  // Pass data to the page via props
  return { props: { data } }
}

Как видите, getServerSideProps похожа на getStaticProps, но разница в том, что getServerSideProps выполняется при каждом запросе, а не во время сборки.

Чтобы узнать больше о том, как работает getServerSideProps, ознакомьтесь с нашей документацией по Получению свойств на стороне сервера.