Server-side Rendering (SSR)

"SSR" veya "Dynamic Rendering" olarak da adlandırılır.

Bir sayfa Sunucu Tarafı Oluşturma kullanıyorsa, sayfa HTML'si her istekte oluşturulur.

Bir sayfada Sunucu Tarafı Oluşturmayı kullanmak için export getServerSideProps adında bir async işlevi oluşturmanız gerekir. Bu fonksiyon her istekte sunucu tarafından çağrılacaktır.

Örneğin, sayfanızın sık güncellenen verileri (harici bir API'den alınan) önceden oluşturması gerektiğini varsayalım. Bu veriyi getiren ve aşağıdaki gibi Page adresine ileten getServerSideProps yazabilirsiniz:

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 } }
}

Gördüğünüz gibi, getServerSideProps getStaticProps ile benzerdir, ancak aradaki fark getServerSideProps 'nin derleme zamanı yerine her istekte çalıştırılmasıdır.

getServerSideProps 'un nasıl çalıştığı hakkında daha fazla bilgi edinmek için Veri Getirme belgelerimize göz atın.