Cloudflareは2026年2月24日、ReactのフレームワークNext.jsをフロントエンドビルドツールViteで動作させるプラグイン「vinext」を、MIT Licenseの元GitHub上に公開した。同社のサーバレスWebアプリケーションプラットフォーム「Cloudflare Workers」に1コマンドでデプロイ可能。

• How we rebuilt Next.js with AI in one week -The Cloudflare Blog

Next.jsは開発者に最も人気のあるReactフレームワークの1つ。これまでNext.jsをCloudflare WorkersやAWS Lambdaなどのサーバレスプラットフォームにデプロイするには、ビルド出力をターゲットプラットフォームで実際に実行できる形に再加工する必要があった。CloudflareはNext.jsのAPIサーフェスを、多くのフロントエンドエコシステムで採用されているビルドツールViteに直接再実装することで、ビルド出力を変えずにデプロイ可能とした。Next.jsのnextコマンドをvinextに置き換えるだけでViteを使ったインストール、ビルド、デプロイが可能で、既存のNext.jsで使用していたapp/、pages/やnext.config.jsファイルもそのまま動作する。

vinextは最初のデプロイ先としてCloudflare Workersを採用しており、ソースコードからWorkerの動作まで、vinext deployの1コマンドで実行される。App RouterとPages RouterはどちらもWorkers上で動作し、インタラクティブなコンポーネント、クライアントサイドナビゲーション、React Stateも同様に備えている。

またvinextには、Claude Code、OpenCode、Cursor、CodexなどのAIコーディングツールで動作する、マイグレーションを自動化するエージェントスキルが含まれている。インストール後Next.jsプロジェクトを開き、AIに移行を指示することで、互換性チェック、依存関係のインストール、設定の生成、開発サーバーの起動を行いプロジェクトをvinextに自動的に移行する。

vinextはAIコーディングにより、わずか1週間で構築されたという。これはNext.jsの仕様が明確なこと、カバレッジの広いテストスイートが存在すること、バンドラーを開発する必要がなかったこと、AIモデルの劇的な進化など、好条件が揃っていたためと同社は分析している。

とはいえ、同社ではvinextはまだ試験段階だとしている。上記のテストスイートによるテストでは、vinextのカバレッジはNext.js 16 APIサーフェスの94％に達しているというが、大規模なトラフィックでの実戦テストは行われておらず、本番環境での評価には注意が必要。

Vercelは「脱Cloudflare」の方法を紹介

一方、Next.jsの開発元であるVercelは、CloudflareにデプロイされているプロジェクトをVercelのオープンなサービスに簡単に移行する方法を案内している。

• Migrate to Vercel from Cloudflare | Vercel Knowledge Base

Vercel CEOのGuillermo Rauch氏もXでこの移行ガイドを取り上げている。