Vercelは8月6日（現地時間）、Next.js 16.3において動的アプリケーションのための「インスタントナビゲーション」機能を発表した。
従来のNext.jsでは、瞬時のページ遷移を実現する手段は、静的プリレンダリングか完全なプリフェッチであり、特にパーソナライズされた動的アプリには不向きだった。新バージョンでは、ユーザーがアプリを利用しながら動的コンテンツをプリレンダリングし、その内容をブラウザ内でキャッシュできるようになった。
この改良により、React Server Componentsを用いたVercelの開発基盤「v0」でも本番環境でページ遷移速度が大幅に向上した。実装では、エージェントが新たなSkillを使い、遅いナビゲーションの特定、テストの作成、修正、検証までを自動化している。Next.js 16.3にはPlaywright用の「instant()」ヘルパーも導入され、ネットワークアクセスを伴わない瞬時のUI描画を直接テストできる。
また、「Instant Insights」機能で、開発中に自動で遅いルートを検出できるようになった。実装例としては、Suspenseを活用して動的なデータ取得を非同期で処理し、UIは即座に表示されるよう構成するだけで遅延を解消できるケースもあった。
今回のアップデートを受けて、動的アプリでもページ遷移の体感速度向上が容易となり、エージェントによる自動修正も実現可能となった。既存プロジェクト向けには「next-cache-components-optimizer」Skillなどで自動最適化ループを回せる。
- 関連リンク
この記事は参考になりましたか？
- この記事の著者
-
CodeZine編集部（コードジンヘンシュウブ）
CodeZineは、株式会社翔泳社が運営する開発者のための情報メディアです。日々の開発に取り組むエンジニアやテクノロジーを学びたい方に向けて、プログラミングやAI活用、開発ツール、エンジニアの学びとキャリアに関する記事をお届けしています。
※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です
この記事は参考になりましたか？
この記事をシェア
