Next.jsの機能あれこれ
export async function getServerSideProps()
外部APIやファイル読み込みなのど、初期化非同期処理を書く
ページロードのたびに実行される
APIで外部の情報を都度取得したいときに使用する
APIの数が増えるとページのロードが遅くなる
export async function getStaticProps()
こちらも外部APIやファイル読み込みなのど、初期化非同期処理を書く
ページロードの度に実行するのではなく関数ビルド時に静的なHTMLを生成する
戻り値にrevalidateオプションと時間を書いておくと時間ごとにAPIを再実行して静的HTMLを定期的に再作成してくれる