OpenAINext.js2020/07/27 16:23

Next.js 9.5

要点だけを先に読めるように短く再構成したセクションです。

元記事

Quick Digest

要約

要点だけを先に読めるように短く再構成したセクションです。

openaijamodel: gpt-5-mini-2025-08-07

Next.js 9.5 リリースノート(要約)

Key Points

  • Incremental Static Regeneration 安定版
  • basePath でサブパス対応
  • ページバンドルの永続キャッシュ

Summary

Next.js 9.5 は、Incremental Static Regeneration(ISR)の安定提供、サブパス対応の basePathrewrites/redirects/headers の設定、トレーリングスラッシュ制御、ページバンドルのコンテンツハッシュによる永続キャッシュ、Fast Refresh の改善、Production React Profiling、オプショナルなキャッチオールルート、そして webpack 5 のベータ対応などを含む重要なアップデートです。エンジニア向けには、既存のワークフローを崩さずにスケールとパフォーマンスを改善できる変更が多く含まれています。

Key Points

  • Incremental Static Regeneration (ISR)
    • getStaticPropsrevalidate を追加して背景でページを再生成。例: revalidate: 1
    • 再生成に失敗しても旧ページはそのまま提供され、キャッシュスタンプede を防止。
  • basePath
    • next.config.jsbasePath: '/docs' を設定すると、自動的に全リンクとアセットパスにプレフィックスが付与され、サブパス配下でのホストが簡単に。
  • Rewrites / Redirects / Headers
    • rewrites() でリクエストを別パス/外部にプロキシ、redirects() で永続的/一時的リダイレクトを定義、headers() で静的ページにもレスポンスヘッダを付与可能。
  • Trailing Slash
    • trailingSlash オプションでトレーリングスラッシュの有無を統一して無駄なリダイレクトを防止。
  • ページバンドルの永続キャッシュ
    • バンドル名がグローバルなビルドIDからコンテンツハッシュに変更され、変更のないページはブラウザ/エッジキャッシュを跨いで再利用される(Cache-Control: public,max-age=31536000,immutable)。
  • 開発体験とプロファイリング
    • Fast Refresh が改善され、エラー表示がより明確に。Production React Profiling 用の新しいフラグで実稼働レンダリングコストを計測可能。
  • その他
    • オプショナルキャッチオールルート(SEO用途での柔軟性向上)、webpack 5 のオプトインベータでビルドサイズと速度の改善を試験可能。

短く言えば、Next.js 9.5 は大規模サイトの段階的導入、静的コンテンツの効率的更新、キャッシュ効率の向上、運用上の細かなルーティング/ヘッダ制御を容易にします。アップグレード時は next.config.js の新オプション(basePath/rewrites/redirects/headers/trailingSlash)と getStaticPropsrevalidate をまず確認してください。

Full Translation

翻訳

原文の流れを保ったまま読める翻訳セクションです。

openaijamodel: gpt-5-mini-2025-08-07

Next.js 9.5

Next.js 9.5

Next.js 9.5 では、次の主要な新機能と改善が導入されました。

  • Stable Incremental Static Regeneration — インクリメンタル静的再生成の安定サポート(Stable Incremental Static Regeneration)。
  • Custom Base Path — アプリをルート以外のパスでホストするためのカスタムベースパスサポート(Custom Base Path)。
  • Redirects and Rewrites — より柔軟なルーティングを可能にするリダイレクトとリライトのサポート(Redirects and Rewrites)。
  • Webpack 5 Beta — ビルドの改善と新機能を提供する Webpack 5 のベータサポート(Webpack 5 Beta)。
  • その他多数の改善とバグ修正。

これらにより、パフォーマンス、デプロイの柔軟性、開発体験が向上します。

Next.js 9.5 | Next.js | DocsDigest