OpenAINext.js2022/02/17 16:00

Next.js 12.1

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

元記事

Quick Digest

要約

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

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

Next.js 12.1 リリースノート

Key Points

  • オンデマンドISR(β)
  • SWCで高速化
  • ゼロ構成Jestサポート

Summary

Next.js 12.1 の主な目的は開発者体験とビルド/配信性能の改善です。注目はオンデマンド ISR(Beta)で、API から個別ページを即時再検証できるようになり、SWC コンパイラの変換対応拡張(styled-components、Relay など)、next/jest によるゼロ構成の Jest サポート、SWC を使った高速ミニファイ(RC)です。セルフホスト向けには .next/standalone を作ることで Docker イメージが約80%小さくなります。React 18/Server Components はアルファ段階の改善が入り、Edge Runtime の選択肢も進行中です。

Key Points

  • オンデマンド ISR(Beta):API ルートから res.unstable_revalidate('/path') を呼んで個別ページを即時再検証可能。getStaticPropsrevalidate を指定しなくても動作。
  • SWC 拡張トランスフォーム:styled-componentsrelaylegacy-decoratorsremove-react-propertiesremove-consoleimportSource など主要な Babel プラグインを Rust ベースでサポート。
  • next/jest:Next.js コンパイラ(SWC)を使った自動 Jest 設定。スタイル/画像のモック、.env 読み込み、.nextnode_modules の無駄な変換除外を自動化。
  • SWC ミニファイ(RC):Terser 比で約7倍高速。next.config.jsswcMinify: true を設定して利用可能(12.2 でデフォルト予定)。
  • 画像最適化:stale-while-revalidate パターンに対応し、キャッシュから即時返してバックグラウンドで再生成可能。
  • Self-hosted:experimental.outputStandalone: true を設定すると .next/standalone を作成し、production 配布用に必要最小限のファイルのみをコピーして Docker イメージを小さくできる。
  • React 18 / Server Components(Alpha):ストリーミング SSR、Server Components の改善(部分ハイドレーション、useId サポート、_app の Server Component 対応など)。

Upgrade / 使い始め

  • パッケージを更新: npm i next@latest
  • オンデマンド ISR を使うには API ルートで res.unstable_revalidate('/path') を呼び出す(シークレットチェック推奨)。
  • SWC ミニファイを有効にするには module.exports = { swcMinify: true } を next.config.js に追加。
  • Self-hosted 出力を使うには experimental.outputStandalone: true を next.config.js に追加。

必要な変更は小さく、既存のワークフローに対する互換性を重視しています。詳細は公式ドキュメントと移行ガイドを確認してください。

Full Translation

翻訳

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

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

Next.js 12.1

Next.js 12.1 — 新機能

Next.js 12.1 は on-demand ISR、styled-components と Relay のサポート、ゼロコンフィグの Jest サポートなどを導入します。

主な変更点

  • on-demand ISR(オンデマンド ISR): 必要に応じて静的ページを再生成できる on-demand ISR を導入。
  • styled-components と Relay のサポート: styled-components と Relay の公式サポートが追加されました。
  • ゼロコンフィグの Jest サポート: Jest が追加の設定なしで使えるようになりました(zero-config)。
  • その他: パフォーマンス改善やバグ修正など多数の改善が含まれています。

詳しくは公式リリースノートを参照してください。