HyperAIHyperAI

Command Palette

Search for a command to run...

AIと1人で1週間で再構築したNext.js代替フレームワーク「vinext」が登場、ビルド速度4倍・バンドルサイズ57%削減

2026年2月、Cloudflareのエンジニア1人がAIを活用し、1週間で最も人気のあるReactフレームワーク「Next.js」の代替品「vinext」を再構築した。vinextはViteを基盤に構築され、Cloudflare Workersへのデプロイを1コマンドで実現。初期ベンチマークでは、プロダクションビルド時間が最大4倍速く、クライアントバンドルサイズは最大57%小さくなることが確認された。開発コストは約1,100ドル(APIトークン使用分)で、実際の顧客がプロダクション環境で運用を開始している。 Next.jsは開発体験が優れているが、サーバーレス環境へのデプロイに課題がある。特に、Turbopackによる独自ビルド出力は、CloudflareやNetlifyなど他のプラットフォームで利用するための変換が必要で、OpenNextなどのアダプターも限界がある。これに対して、vinextはNext.jsのAPI表面をVite上で直接再実装。つまり、Turbopackの出力を変換するのではなく、本質的な実装を再構築した。その結果、Viteのエコシステムと互換性があり、Durable ObjectsやAIバインディングといったCloudflare固有機能も開発時から利用可能。 vinextは、App RouterとPages Routerの両方に対応。開発サーバー(vinext dev)、ビルド(vinext build)、デプロイ(vinext deploy)が一貫して動作。特に注目すべきは「トラフィック感知プリレンダリング(TPR)」機能。Cloudflareのトラフィックデータを活用し、実際にアクセスされるページのみを事前にレンダリング。10万ページのサイトでも、90%のトラフィックを占めるわずか200ページ程度を高速にプリレンダリング。これにより、ビルド時間の急増を回避できる。 開発プロセスでは、AIモデル(Claude)がほぼすべてのコードを生成。1,700以上のVitestテストと380以上のPlaywright E2Eテストを経て、Next.js 16 API表面の94%をカバー。テストの自動化とAIによるコードレビューの連携により、品質を維持。AIの進化が、かつて不可能とされたフレームワーク再構築を実現した。 このプロジェクトは、AIがソフトウェアの抽象化の必要性を変える可能性を示している。人間が複雑さを管理するために作ってきた「レイヤー」が、AIの能力により不要になる時代が近づいている。vinextは、API仕様、テスト、堅牢な基盤(Vite)の3つが整った上で、AIが本質的な実装を直接生成できる新しい開発モデルの証左だ。 現在は実験段階だが、GitHubでオープンソースで公開。他のプラットフォームへの対応も歓迎。AIツールとの統合も可能で、Next.jsプロジェクトの自動移行も可能。今後の進化に注目が集まる。

関連リンク

AIと1人で1週間で再構築したNext.js代替フレームワーク「vinext」が登場、ビルド速度4倍・バンドルサイズ57%削減 | 人気の記事 | HyperAI超神経