OpenAINext.js2023/10/26 16:00

Next.js 14

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

元記事

Quick Digest

要約

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

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

Next.js 14 リリース概要

Key Points

  • Turbopackで開発高速化
  • Server Actions が安定化
  • Partial Prerendering プレビュー公開

Summary

Next.js 14 は開発効率と実行性能に注力したリリースです。Rust ベースの Turbopack による開発サーバ改善(大規模アプリで起動 +53%/Fast Refresh +94% の報告)、Server Actions の安定提供、Suspense を利用した Partial Prerendering のプレビュー、メタデータ API の分離などが主な変更点です。エンジニア向けに移行ポイントと実践的な利用方法をまとめます。

Key Points

  • Turbopack(Rust コンパイラ): next dev --turbo で利用。5,000 テストの多くが通過、既存の webpack 設定は継続サポート。
  • パフォーマンス目安: 大規模アプリでローカルサーバ起動が最大約53%高速、Fast Refresh が最大約94%高速化。
  • Server Actions(安定): サーバ上の関数を直接呼べる。フォーム action や直接関数呼び出しで使える('use server' を関数内に記述)。TypeScript でエンドツーエンド型安全性を維持。
  • Partial Prerendering(プレビュー): React Suspense の boundary を基に静的シェルを先に返し、動的パーツを同一リクエストでストリーミング。追加 API を学ぶ必要はない(loading.js は暗黙の Suspense)。
  • メタデータ変更: 一部メタデータ(viewport / colorScheme / themeColor)が分離。新 API viewport / generateViewport へ移行可能。既存の設定は当面動作。
  • 破壊的変更と注意点: Node.js 最低バージョンが 18.17 に。@next/font 廃止→ next/font、ImageResponse の import 先変更、next export 削除(output:'export' に移行)などの Codemod を確認。
  • すぐ始める: 新規は npx create-next-app@latest、既存はリリースノートの破壊的変更に従ってコード移行(codemod とドキュメント参照)。

Full Translation

翻訳

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

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

Next.js 14

Next.js 14

Next.js 14 には次の内容が含まれます:

  • パフォーマンスの改善
  • Server Actions の安定性向上
  • App Router を教える新しいコース
  • その他の改善と新機能