getServerSideProps
必ずserver側でのみ実行されるgetInitialProps
SSRをする
getInitialPropsの問題点を解決する
docs
getServerSidePropsでページ遷移した時はどうなるのか
ここは、getInitialPropsの前提を理解していないと理解できないmrsekut.icon
getInitialPropsは、初回のみserverで、それ以降のページ遷移はclientで実行される
一方で、getServerSiderPropsでページ遷移した際は
serverにreqが飛び、
server側でgetServerSidePropsが実行され、
clientは、その結果(props)をjsonで受け取り、
通常通りrenderingされる
つまり、「必ずserver側で実行される」し、renderingは自然に行われる
例
code:ts
export async function getServerSideProps(context) {
const data = await fetch('...').then((res) => res.json())
return {
props: data
}
}