Vercelは2026年8月3日、JavaScriptフレームワークNext.
Next.
— Next.js (@nextjs) August 3, 2026js 16. 3 is now available!
• Up to 90% less memory in dev
• Faster builds, type checking, and rendering
• Better tooling for AI agents
• Custom error boundaries
• Instant Navigations for SPA-like responsivenesshttps://t. co/ lNAQqpAKT1
Here's what's new ↓
Next.
- 開発サーバーのメモリ使用量を削減
- 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.cacheComponentspartialPrefetching
import type { NextConfig } from 'next';
const nextConfig: NextConfig = {
cacheComponents: true,
partialPrefetching: true,
// ...
};
export default nextConfig;
またこの機能をオンにすることで、開発ツールのInstant Insightsパネルが使用できるようになる。これは、瞬時に読み込まれないナビゲーションを自動的に表示し、その際の動作を選ぶことができる。
それぞれのインサイトには、AIエージェントに対してユーザーが選択した修正方法を適用させるためのプロンプト
このほか、開発ツールで新たに提供されるNavigation Inspectorは、ローディングシェルの段階でページの読み込みとクライアント側のナビゲーションを一時停止できるため、特定のナビゲーションの読み込みシーケンス中に、ユーザーには実際に何が見えるのかを正確に把握できるようになった。
Prefetching only runs in production, which has made it hard to visually inspect your loading shells during development.
— Next.js (@nextjs) August 3, 2026
The new Navigation Inspector pauses any navigation at the shell, so you can see which part of a route renders instantly, and which part waits on the network. pic.twitter. com/ vCsAki5JUA
Next.
npm install next@latest