ライフスタイル

Cloudflare、Vinext 1.0を発表:ViteでNext.jsアプリを実行、ポータブルなデプロイを打ち出す

Cloudflareは2026年9月28日、Next.jsで作られたWebアプリをViteベースで動かし、Cloudflare Workers、Netlify、AWS Lambdaなどさまざまなプラットフォームで公開できるようにする「Vinext 1.0」を発表した。Next.jsを使う開発チームにとって公開先の選択肢に関わる話題で、キャッシュウォーミングなどの新機能と、Cache Componentsへの対応が限定的という制約もある。

読了目安 7 分

Cloudflare、Vinext 1.0を発表:ViteでNext.jsアプリを実行、ポータブルなデプロイを打ち出す
画像：Mokaair (Original editorial artwork)

何が起きたのか

Cloudflareは2026年9月28日、公式ブログでVinext 1.0のリリースを発表した。記事の執筆者はJames AndersonとMatt “TK” Taylor。Next.jsはWebアプリを作るための土台となるフレームワーク、ViteはWebアプリの開発やビルド(公開用に組み立てる作業)に使われるツールだ。Cloudflareによると、Vinextは2月に登場し、当初は1人のエンジニアがViteをベースにNext.jsフレームワークをどこまで再現できるかを試す、1週間のAI主導の実験だった。

Cloudflareは、その後の7か月でVinextが同社の顧客によって本番環境の高トラフィックな動的アプリに使われるフレームワークになったと説明している。同社によれば、1.0では互換性、安定性、キャッシュ(一度作った結果を保存して再利用する仕組み)の動作が大幅に改善された。

Cloudflare、Vinext 1.0を発表:ViteでNext.jsアプリを実行、ポータブルなデプロイを打ち出す
Mokaair 編集検証フロー · 画像：Mokaair (Original editorial artwork)
詳しい説明を読む

情報源を収集し、独立検証を行ってから Jev が判断します。

Vinext 1.0の主な内容

Cloudflareの説明によると、Vinext 1.0はNext.jsの最近の新機能をすべて複製することよりも、顧客が最も必要とする機能に重点を置いている。なお、App RouterとPages Routerは、Next.jsでURLとページを対応づける2つの方式のことだ。

  • ルーティング対応:App Router、Pages Router、およびその混在型アプリに対応。React Server Components、Server Actions、API routes、route handlers、middleware、クライアント側ナビゲーションを含む。
  • ページのライフサイクル:両ルーターのルートをビルド時に事前レンダリング(ページをあらかじめ生成しておくこと)でき、ページ単位のISR(生成済みのページを後から作り直す仕組み)でレスポンスを返し、パスまたはタグ単位で無効化できる。output: "export"による完全な静的サイト出力にも対応。
  • 可観測性(アプリの動作を追跡・監視できること):Next.js互換のトレーシング機能を提供し、既存のOpenTelemetryやSentryの設定をそのまま使い続けられる。
  • エコシステム互換:公開されているnext/*インターフェースを実装し、認証、MDX、画像最適化、フォント、metadata、環境変数などの一般的な使い方に対応。
  • 移行:Cloudflareによると、必要なのはnpx vinext checkとnpx vinext initの2つのコマンドだけで、既存のプロジェクト構成は維持される。
Vinext 1.0の要点比較(出典:Cloudflare公式ブログ)
項目Cloudflareが説明するVinext 1.0の状況
対応ルーターApp Router、Pages Router、混在型アプリ
テスト互換性Cache Componentsを除き99%超
Cache Components(“use cache”)限定的な対応のみ
デプロイ先の例Cloudflare Workers無料プラン、Netlify、AWS Lambda
静的出力output: "export"に対応
テスト方法数千件の重点テストに加え、Next.jsのエンドツーエンドテストスイートを毎晩実行

キャッシュウォーミング:事前レンダリングをビルド工程の外へ

Cloudflareは発表の中で「キャッシュウォーミング」(cache warming)という手法を示し、ページの事前レンダリングをビルドマシンからCloudflareのネットワークへ移すとしている。同社の説明によると、デプロイ時には新しいWorkerバージョンをアップロードして本番トラフィック0%でデプロイし、そのバージョンに対してページをリクエストする。つまり、実際の利用者がアクセスする前にページを用意しておく。キャッシュが埋まってから正式にロールアウトする。Cloudflareによれば、Vinextはさらに高トラフィックのページを識別し、事前レンダリングの対象リストに追加することもできる。

大量のURLを持つサイトについて、Cloudflareの主張は次のとおりだ。ビルド段階ではどのページのトラフィックが多いか判断できず、1ページずつレンダリングすると多くの時間を無駄にしかねない。デプロイ前にネットワーク上でウォーミングしておけば、サイト公開時点からキャッシュで高速に応答できる。この効果はCloudflareの主張であり、現時点で独立したテストデータはない。

一般読者と開発チームにとっての意味

Next.jsは広く使われているWebアプリケーションフレームワークだ。Vinextの目標は、こうしたアプリを単一のデプロイプラットフォームに縛られないようにすることにある。一般ユーザーがこうした変化を直接感じることは通常ないが、サイトの裏側にあるホスティングの選択肢や公開のスピードに影響する可能性がある。

開発チームにとっては、Cloudflare自身が指摘する制約に注意が必要だ。Next.js 16はCache Components(“use cache”ディレクティブで動くキャッシュの仕組み)をフレームワークの将来の重要な要素と位置づけているが、Vinextは現時点で“use cache”ディレクティブに限定的にしか対応していない。この機能に依存するプロジェクトは特に注意が必要である。

よくある質問

Vinextとは何ですか?

Cloudflareによると、VinextはViteをベースにNext.jsの挙動を再現するフレームワークで、Next.jsアプリをさまざまなWebプラットフォームにデプロイできるようにすることを目指している。

Vinext 1.0はいつリリースされましたか?

Cloudflareが2026年9月28日に公式ブログでリリースを発表した。

VinextはNext.jsと完全に互換性がありますか?

CloudflareはCache Componentsを除いたテスト互換性が99%を超えるとしているが、“use cache”ディレクティブへの対応は限定的であり、完全な互換性ではない。

Cloudflare上にしかデプロイできませんか?

CloudflareはVinextがあらゆるWebプラットフォームにデプロイできるとし、例としてCloudflare Workers無料プラン、Netlify、AWS Lambdaを挙げている。なお、Workers上では追加の統合機能がある。

これらの主張は独立して検証されていますか?

されていない。本記事の情報はCloudflare公式ブログのみに基づくもので、同社の自己申告である。

このトピックの最新ニュースを見る

同じテーマの記事

最新の旅の情報・ガイド

出典

ライフスタイル