【Next.js】getInitialProps と getStaticProps と getServerSideProps

Next.jsのgetInitialProps と getStaticProps と getServerSidePropsを調べる

この記事が参考になったので個人的まとめ

qiita.com

• getStaticPropsはSSG用のAPIで事前にサーバーサイドで実行される
• getServerSidePropsはSSR用のAPIでサーバーサイドで実行される
• getInitialPropsはページがレンダリングされる前に実行される 通常のアクセスの場合、getInitialPropsがサーバー側で実行されるが、next/linkを使用したクライアントサイドルーティングした場合はクライアント側で実行される

いずれもpagesフォルダ内のファイルで使用できる