Next.js 9では、ページ内にgetServerSideProps
とgetInitialProps
が無い場合、ページが静的である(事前にレンダリングできる)と自動的に判断し、サーバーサイドレンダリングと静的事前レンダリングの両方を取り入れた高速のWebサイトを作成することができる
この機能をautomatic-static-optimization
というらしい
注意事項として
- カスタムApp(
_app.js
)でgetInitialProps
を使っている場合、このAutomatic Static OptimizationはせずにStatic Generation
なしのページになる - カスタムDocument(
_document.js
)でgetInitialProps
がある場合、あれば必ずサーバー側でレンダリングされる
他参考
https://nextjs.org/blog/next-9#automatic-static-optimization