Next.js 16.3リリース ―メモリ使用量の大幅削減や開発/実行の高速化を実現⁠インスタントナビゲーションをオプトインで装備

Vercelは2026年8月3日、JavaScriptフレームワークNext.jsの新バージョンNext.js 16.3をリリースした。

Next.js 16.3の主な新機能や改善点は以下の通り。

開発サーバーのメモリ使用量を削減
Next.js 16.1で初めて導入されたファイルシステム永続化機能を活用し、Turbopackがキャッシュされた結果をメモリから削除できるようになった。これにより、メモリ内キャッシュの大部分を削除できるようになり、アプリ開発で開発サーバー(next dev)を実行する際にTurbopackが使用するメモリ量を最大90%削減することができた。
ビルド速度が大幅に向上
ディスクキャッシュ機能がデフォルトで有効になり、繰り返しビルドを行う際に、変更されていない成果物をキャッシュから読み込めるようになった。これにより、CI環境でビルド速度が5.5倍向上した例が確認されている。
TypeScript 7による高速型チェック
従来よりも10倍高速化されたTypeScript 7の採用により、型チェックも大幅に高速化。
サーバーサイドレンダリングの高速化
App Routerのレンダリング層で、リクエストごとにWebストリームへの変換を繰り返す方法をネイティブのNode.jsストリームに置き換えることで、サーバーサイドレンダリング時にこれらを変換するオーバーヘッドがなくなった。これにより、同社のベンチマークテストでは、アプリケーションコードに変更を加えることなく、負荷がかかった状態でも最大22%多くのリクエストを処理できるようになったとのこと。
AI機能の改善
AIコーディングエージェントが、プロジェクトで使用しているNext.jsのバージョンに適合したドキュメントを自動的に読み込めるようになった。next devを実行すると、プロジェクトのローカルにあるnode_modulesに同梱されたドキュメントを直接参照するAGENTS.mdファイルが生成され、最新の内容が維持される。エージェントはこの情報を直接利用できるようになった。このため最新のドキュメントをアプリに提供することだけを目的としていた従来のスキル(Skills)機能は廃止される。

インスタントナビゲーション

サーバー駆動型アプリでは、ナビゲーション時にネットワークの往復通信が生じるため、ページの表示に遅れが生じる。Next.js 16.3ではこれをSPA(シングルページアプリケーション)のような瞬時の表示にするため、新たなオプトイン機能が提供された。設定ファイルで以下のようにcacheComponents(キャッシュコンポーネント)フラグとpartialPrefetching(部分プリフェッチ)フラグを有効にすることで、ナビゲーション、クライアントサイドキャッシュ、プリフェッチを組み合わせた新機能を使用してアプリケーションをビルドできる。

next.config.ts
import type { NextConfig } from 'next';
 
const nextConfig: NextConfig = {
  cacheComponents: true,
  partialPrefetching: true,
  // ...
};
 
export default nextConfig;

またこの機能をオンにすることで、開発ツールのInstant Insightsパネルが使用できるようになる。これは、瞬時に読み込まれないナビゲーションを自動的に表示し、その際の動作を選ぶことができる。

Instant Insightsパネル、遅いナビゲーションを自動的に表示し、ストリーミングするかキャッシュするか、あるいは表示をあえて遅延させる“ブロック”を選択できる
Instant Insightsパネル

それぞれのインサイトには、AIエージェントに対してユーザーが選択した修正方法を適用させるためのプロンプト(ヒント)も提供される。

このほか、開発ツールで新たに提供されるNavigation Inspectorは、ローディングシェルの段階でページの読み込みとクライアント側のナビゲーションを一時停止できるため、特定のナビゲーションの読み込みシーケンス中に、ユーザーには実際に何が見えるのかを正確に把握できるようになった。

Next.js 16.3はnpmから最新バージョンを入手してインストール/アップグレードすることで使用できる。

npm install next@latest

おすすめ記事

記事・ニュース一覧