Next.js で開発をしていると、ドキュメントに書かれている通りに記述してもうまく動かず、実は「next build && next start しないと確認できないものだった」という事がしばしばあります。そこで、気づいた時雑多に放り込む場所があると良さそうと思い、スクラップを開きました。

どなたでも投稿大歓迎です。

getStaticProps による事前生成がリクエスト毎に

start: されない
dev: される
https://nextjs.org/docs/basic-features/data-fetching/get-static-props#runs-on-every-request-in-development

ISR の挙動が確認

start: できる
dev: できない
https://nextjs.org/docs/basic-features/data-fetching/incremental-static-regeneration#testing-on-demand-isr-during-development

Cache-Control header が上書き

start: されない
dev: される
https://nextjs.org/docs/going-to-production#caching

Custom Error Page を表示

start: できる
dev: できない
https://nextjs.org/docs/advanced-features/custom-error-page

静的ページは Runtime Configuration がビルドタイムのものに固定

start: される
dev: されない
https://nextjs.org/docs/api-reference/next.config.js/runtime-configuration

Font Optimization が有効に

start: なる
dev: ならない

https://nextjs.org/docs/basic-features/font-optimization

Strict Mode (reactStrictMode: true) が有効に

start: ならない
dev: なる
(Next.jsというよりReactによる違いですが…)
https://nextjs.org/docs/api-reference/next.config.js/react-strict-mode