Summary

Next.js 9.1.7 は非破壊的な改善と最適化が中心のリリースです。クライアント側 JavaScript のサイズ削減、ビルド出力の可視化改善、主要ブラウザ向けの組み込みポリフィル、ページ読み込みの最適化、ES2020 機能のサポート、Zero‑config な next export の Vercel デプロイ対応、React Strict Mode 対応などが含まれます。エンジニア向けにはアップグレードとビルド確認、不要なポリフィル削除を推奨します。

Key Points

• 3%〜8% 以上のクライアント JS サイズ削減（hello world で約7.5kB削減）。対策: ビルド後の gzipped サイズを確認し、JSX 多用箇所の差分を確認する。
• プロダクションビルド CLI 出力を再設計。ページごとに Server / Static / SSG を表示し、gzip サイズと色分け（<130kB 緑 / 130–170kB 黄 / >170kB 赤）でユーザー体験の目安を示す。対策: next build を実行して各ページのサイズと警告を確認する。
• 組み込みポリフィル: fetch(), URL, Object.assign を差分読み込みで提供（83% のトラフィックでは読み込まれない）。結果として既存の polyfill 依存を削除してバンドルを軽量化できる。対策: 重複ポリフィルを削除してローカルでのバンドルサイズを確認。
• ページ読み込み最適化: CSS の優先度改善と低優先度プリフェッチで FCP / TTI を向上。対策: Lighthouse / 実端末で FCP/TTI を計測して比較する。
• 最新 JS 機能サポート: Optional Chaining (?.) と Nullish Coalescing (??) をサポート。対策: 必要な箇所で簡潔に導入し、トランスパイル結果を確認する。
• next export と Vercel のゼロコンフィグ対応。対策: export モードの静的サイトを Vercel にそのままデプロイ可能。
• React Strict Mode に準拠し opt-in を追加 (next.config.js に reactStrictMode: true)。対策: 段階的に Strict Mode を有効化して警告を解消する。
• React の next チャンネルに対する自動テストを実行し将来互換性を確保。

Upgrade

• 非破壊: アップデートは下記コマンドのみで実行可能。

npm i next@latest react@latest react-dom@latest

Practical checklist

• next build で各ページの gzip サイズと色分けを確認
• 重複ポリフィルを削除してバンドル差分を確認
• Optional Chaining / Nullish Coalescing を安全に導入
• next.config.js に reactStrictMode を試験的に有効化
• next export を使う静的サイトは Vercel にゼロコンフィグでデプロイ可能