Next.js が安定し、エキサイティングなアップデートが満載になりました!

それで、最近メールをチェックしていたら、なんと!-Next.js 15 が正式にリリースされましたという通知が表示されました。はい、私たち全員が楽しみにしていた待望のアップデートがついに到着しました。私は新機能に飛び込むのが待ちきれませんでした。不足している機能、より明確なドキュメント、またはよりスムーズなアップグレードを期待して息をひそめていた方には、きっとご褒美が待っています。

Next.js 15 は、安定性だけでなく、私たちが遊べるピカピカの新しいおもちゃも約束します。つまり、よりスムーズな開発ワークフロー、より高速なビルド、およびキャッシュ システムのより詳細な制御の感触を気に入らない人はいないでしょうか。そして、物事を左右に単純化する非同期リクエスト API についても私に説明させないでください。キャッシュの問題に取り組んでいる方、フォームの柔軟性を高める必要がある方、あるいは単に最新の React 機能のサポートの向上を望んでいる方にとって、このリリースはあなたの作業をずっと楽にしてくれます。

さて、少し本当のことを考えてみましょう。私たちは皆、こうした開発の頭の痛い問題を解決できるいくつかの改善を待っていましたが、Next.js 15 がちょうど的を射るかもしれません。より高速なビルドが必要ですか?終わり。キャッシュ制御の改善?わかりました。 next.config.ts での TypeScript のサポート?なるほど！

---

全体像

Next.js 15 が正式にリリースされ、RC1 と RC2 からの更新に基づいて構築された安定した実稼働対応バージョンがマークされます。 このリリースでは、いくつかの注目すべき機能を導入しながら安定性を優先しています。機能強化。

Next.js 15 の重要な機能の 1 つは @next/codemod CLI で、開発者はこれを使用してプロジェクトを最新の Next.js および React バージョンに簡単にアップグレードできます。この自動ツールはスムーズなアップグレード パスを保証し、次のコマンドを実行してターミナル経由でアクセスできます。

npx @next/codemod@canary 最新アップグレード

非同期リクエスト API:
さらに、新しい非同期リクエスト API の形で重要な破壊的変更が導入されました。この更新では、Cookie、ヘッダー、パラメータなどの特定のサーバー側リクエスト API を非同期にすることにより、レンダリングおよびキャッシュ モデルが簡素化されます。このモデルへの移行はさまざまな Next.js コンポーネントと API に影響しますが、下位互換性に関する警告とともに一時的な同期アクセスは引き続き利用可能です。

キャッシュ セマンティクス:
キャッシュ セマンティクスの変更も中心的な役割を果たします。 Next.js 15 では、フレームワークはデフォルトでフェッチ リクエスト、GET ルート ハンドラー、クライアント ナビゲーションのキャッシュから離れ、代わりにキャッシュされていないモデルを選択します。開発者は、フェッチまたは動的ルート構成での強制キャッシュなどのオプションを使用して、必要に応じてキャッシュを手動で構成できます。

反応 19:
Next.js 15 では、React の次期リリースの機能を含む React 19 のサポートも提供されます。コミュニティからのフィードバックに基づいて、App Router は React 19 RC で動作するように最適化されていますが、Pages Router については React 18 との下位互換性が維持されています。このアップグレードには、手動によるメモ化を減らしてコードの最適化を簡素化することを目的とした実験ツールである React Compiler のサポートが含まれています。

ターボパック開発
Turbopack Dev では安定性とパフォーマンスがさらに向上していることが明らかであり、ローカル サーバーの起動時間の短縮、高速リフレッシュによるコード更新の高速化、ビルド パフォーマンスの向上が実現しています。このツールは、vercel.com のような大規模アプリでテストされ、開発速度が大幅に向上することがわかりました。

静的ルート インジケータ:

静的ルートを視覚的に識別するために、開発中に新しい静的ルート インジケーターが導入され、開発者がアプリケーションでのレンダリング動作をより深く理解できるようになりました。

もう 1 つの実験的な API、unstable_after を使用すると、応答のストリーミングが終了した後にログ記録や分析などの二次的なタスクを実行できます。これにより、サーバーが重要でないタスクをブロックすることがなくなり、応答時間をバックグラウンド プロセスから切り離すことでユーザー エクスペリエンスがさらに向上します。

このリリースでは、instrumentation.js の安定性も向上し、開発者が Next.js サーバーのライフサイクル内でパフォーマンスを監視し、エラーを追跡できるようになります。 Sentry などの可観測性プロバイダーとのコラボレーションにより、エラー レポートの強化が可能になり、サーバー側の問題についてのコンテキストがさらに提供されます。

リリースは完全に詰め込まれています ?.注意すべき点:

• HTML フォームも、next/form コンポーネントを使用した拡張フォームによって強化されます。
• TypeScript ユーザーは next.config.ts を新たにサポートし、よりタイプセーフな構成エクスペリエンスを提供します。一方、セルフホスティングの改善により、Cache-Control ヘッダーとイメージの最適化の制御が向上し、開発者による展開の管理が容易になります。
• セキュリティの面では、Next.js 15 は、推測不可能で安全なアクション ID とデッドコードの削除によりサーバー アクションを強化します。これらのアップデートは、バンドルのサイズとパフォーマンスを向上させながら、未使用のサーバー機能が意図せず公開されるリスクを軽減するのに役立ちます。
• バンドルに関しては、このリリースにより外部パッケージのバンドルが安定し、サーバーレス環境のコールド スタート パフォーマンスの向上につながる可能性があります。
• ESLint 9 のサポートなど、その他のいくつかの機能強化により、開発とビルドのパフォーマンスがさらに向上しました。このリリースは、将来の機能の基礎を築くと同時に、より合理化された開発エクスペリエンスを提供します。詳細については、10 月 24 日に開催される Next.js Conf で発表される予定です。

しかし....私の言葉をそのまま鵜呑みにしないでください。これらのハイライトも素晴らしいのですが、細部がさらに魅力的です。これらのアップデートがどのように次のプロジェクトを強化したり、開発プロセスを合理化したりするのかに興味がある場合は、Next.js 15 の公式ブログ投稿で詳細な点をすべて確認することをお勧めします。信じてください。全体像を見逃す必要はありません。

また次回まで......

以上がNext.js が安定し、エキサイティングなアップデートが満載になりました!の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。