Pre-rendering
Pre-rendering
Pre-renderingとは
事前にサーバ側で静的ファイルを生成してブラウザにrenderすること
Next.jsではデフォルトを全ページでPre-renderしている
メリット
ブラウザの負荷を下げて表示を高速化
検索エンジンのクローラーにコンテンツを見せられる
No-Pre-rendering
CSRはNo-Pre-rendering
つまり、クライアントサイド側でHTMLを生成している
SEO的によくない
二種類のPre-rendering
SSG
SSR
SSGとSSRはページ毎に使い分けられる
SSGとSSRをどう使い分けするか
基本的に、SSGを使うべき
https://gyazo.com/c33de614689cd8562efe09a2e6d12aa7
https://youtu.be/h9wjVLwd2GQ
Next.jsで用意されている関数
SSG
外部データなし
特になし
外部データあり
getStaticProps
SSR
getServerSideProps