UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

【Next.js】Automatic Static Optimizationとは

Next.js 9では、ページ内にgetServerSidePropsgetInitialPropsが無い場合、ページが静的である(事前にレンダリングできる)と自動的に判断し、サーバーサイドレンダリングと静的事前レンダリングの両方を取り入れた高速のWebサイトを作成することができる

この機能をautomatic-static-optimizationというらしい

nextjs.org

注意事項として

  • カスタムApp(_app.js)でgetInitialPropsを使っている場合、このAutomatic Static OptimizationはせずにStatic Generationなしのページになる
  • カスタムDocument(_document.js)でgetInitialPropsがある場合、あれば必ずサーバー側でレンダリングされる

他参考

https://nextjs.org/blog/next-9#automatic-static-optimization