Summary

Next.js 11.1 はビルド・プリレンダリング・イメージ最適化周りのパフォーマンス改善と重要なセキュリティ修正を含むマイナーリリースです。主な改善点は Rust ベースの SWC 導入の準備、ES Modules の実験的サポート、HTTP keep-alive によるデータフェッチ高速化、ソースマップ処理の軽量化、ESLint のデフォルトルール強化、next/image の改善です。アップグレードは：

npm i next@latest

Key Points

• セキュリティ

  • pages/_error.js によるオープンリダイレクトを防ぐ重要なセキュリティパッチを導入。可能なフィッシングを防止するため、早めのアップグレードを推奨。

• ES Modules（実験的）

  • npm パッケージの ESM 入力をサポートする実験フラグ: esmExternals: true。
  • next.config.js の例:

  // next.config.js
  module.exports = {
    experimental: { esmExternals: true },
  }
  

• Rust ベースの SWC（ビルド高速化）

  • Babel と Terser の一部を SWC に置換中。初期ベンチでトランスフォームとミニファイが大幅高速化し、全体でビルドが最大2x高速化。

• データフェッチの高速化

  • node-fetch を自動ポリフィルし、HTTP Keep-Alive をデフォルトで有効化。getStaticProps/getStaticPaths 等のプリレンダリングが約2x高速化。
  • Keep-Alive を無効化する例:

  // 単一 fetch の場合
  import { Agent } from 'https'
  fetch(url, { agent: new Agent({ keepAlive: false }) })
  
  // グローバル設定 (next.config.js)
  module.exports = { httpAgentOptions: { keepAlive: false } }
  

• ソースマップ最適化

  • productionBrowserSourceMaps: true を有効にした際のビルドコストが約70%改善、メモリ使用量も約67%削減。ソースマップ有効時のビルド増分は約11%に。

• ESLint の改善

  • アクセシビリティ関連ルールと getStatic*/getServerSideProps のタイプミス検出をデフォルトで警告するよう追加。ローカルで next lint を活用して早期検出推奨。

• next/image の改善

  • デフォルトは WASM ベースの最適化（M1/Node16 対応）。任意で sharp をインストールして uncached 生成を高速化可能。
  • 開発環境での blur プレースホルダの遅延生成、以前読み込んだ画像のスキップ lazy-loading、onLoadingComplete コールバック、images.minimumCacheTTL、next export での custom loader サポートなど。

Practical Tips

• まずは npm i next@latest でアップデートして CI やステージングで動作確認。
• ESM 対応を試す場合は実験フラグを立てて副作用を確認し、Next.js 12 でのデフォルト化に備える。
• 大規模プロジェクトでは SWC ベースのビルド時間短縮と keep-alive の効果を CI ビルドで測定してから本番適用することを推奨。