OpenAINext.jsJul 14, 2025, 8:00 PM

Next.js 15.4

A condensed section focused on the key takeaways first.

Original Post

Quick Digest

Summary

A condensed section focused on the key takeaways first.

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

Next.js 15.4

Key Points

  • Turbopack passes 100% integration tests
  • Try Next.js 16 preview via canary flags
  • Node.js Middleware promoted to stable

Summary

Next.js 15.4 is a stability and performance focused release with major progress on Turbopack. next build --turbopack now passes all 8,298 integration tests and powers vercel.com, bringing Turbopack much closer to production readiness. The release also previews Next.js 16 work (cacheComponents, Turbopack beta, router improvements, DevTools, and more) and promotes Node.js Middleware to stable while introducing several bug fixes and improvements across the App Router and RSC flow.

Key Points

  • Turbopack

    • next build --turbopack passes all integration tests (8,298) and is validated on vercel.com.
    • Team is finishing production chunking and bug fixes; expect an expanded public beta in Next.js 16.
  • How to upgrade / try it

    • Automated upgrade: npx @next/codemod@canary upgrade latest
    • Manual upgrade: npm install next@latest react@latest react-dom@latest
    • Create new app: npx create-next-app@latest
    • If you hit issues with Turbopack, file them on GitHub Issues.
  • Next.js 16 preview (available via canary + experimental flags)

    • Key previews: cacheComponents (consolidates dynamic IO/useCache/PPR), Turbopack builds (beta), optimized client-side routing, DevTools route inspection, and browser log forwarding to the terminal.
    • Example experimental flags to enable in next.config (canary): browserDebugInfoInTerminal, dynamicIO (renamed to cacheComponents in v16), clientSegmentCache, devtoolSegmentExplorer, globalNotFound, turbopackPersistentCaching.
  • Stability, API and platform updates

    • Node.js Middleware is now stable.
    • Deployment adapters introduced as alpha for custom deploy targets.
    • Minor deprecations announced (Node 18, AMP, selected next/image changes) with migration guidance coming.
  • Notable fixes/features (high-impact highlights)

    • Preserve RSC query on redirects, onInvalidate for router.prefetch, --debug-prerender build option, improved static path generation, and several React Compiler and prefetch fixes.

Practical guidance

  • Retry Turbopack: re-run next build --turbopack on your projects and report problems to GitHub Issues.
  • To experiment with upcoming features, install the canary channel and enable the listed experimental flags in your next.config.js/next.config.ts.
  • Plan migrations: review deprecations (Node 18, AMP, next/image changes) ahead of Next.js 16.

For detailed changelog items and contributor credits, see the full release notes on the Next.js blog and GitHub.

Full Translation

Translations

A translation section that keeps the flow of the original article.

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

Next.js 15.4

概要

Next.js 15.4 には、パフォーマンス、安定性、そして Turbopack 互換性に関する更新が含まれます。

主な変更点

  • パフォーマンス: 一般的なパフォーマンス改善と最適化が含まれます。
  • 安定性: レンダリングやランタイムの安定性向上が図られています。
  • Turbopack 互換性: Turbopack との互換性が改善され、ビルドや開発ワークフローの体験が向上します。

注意事項

  • アップグレード前に既存のプロジェクトで動作確認を行ってください。
  • 詳細な変更点や移行手順は公式のリリースノートを参照してください。