claudejamodel: claude-sonnet-4-20250514
Next.js 9.2 - CSS サポート内蔵とコード分割戦略の改善
Key Points
- CSS処理が内蔵サポートされ、プラグイン不要に
- コード分割最適化で最大70%のバンドルサイズ削減
- キャッチオール動的ルートでCMS連携が簡単に
Summary
Next.js 9.2では、CSS処理の内蔵サポート、改良されたコード分割戦略、キャッチオール動的ルートが導入されました。すべての変更は後方互換性があり、アップグレードのみで利用可能です。
Key Points
- グローバルCSS内蔵サポート:
pages/_app.jsで.cssファイルを直接インポート可能 - CSS Modules内蔵サポート:
.module.css命名規則でコンポーネントレベルのスコープ付きCSS - 改良されたコード分割: Google Chromeチームによる最適化で、バンドルサイズが大幅削減
- Barnebys®: 全体サイズ23%削減、最大JSバンドル30%削減
- SumUp®: 最大JSバンドル70%削減
- キャッチオール動的ルート:
[...name]構文で/post/**のようなワイルドカードルートに対応 - HTTP/2最適化: より多くの小さなチャンクでパフォーマンス向上
- 完全後方互換: 既存の
@zeit/next-cssプラグインとの競合回避