Cloudflareによる、Next.jsのAPIサーフェスをVite上で再実装した実験的フレームワーク「vinext」の公開。既存のNext.jsアプリの設定を維持したまま、Viteのプラグインとしてルーティングやサーバーレンダリングを処理できる。従来のビルド出力を変換する方式より単純で、ビルド時間の最大4倍高速化とバンドルサイズの最大57%削減を報告している。大部分のコードはAIを使って約1週間で実装したとしている。

#主な機能・特徴

  • Cloudflare Workersへのデプロイ: vinext deployコマンドにより、設定とデプロイを1コマンドで実行可能。
  • 代替実装の提供: routing、サーバーレンダリング、React Server Components、ミドルウェアなどNext.jsの主要APIの94%をカバー。
  • Traffic-aware Pre-Rendering: トラフィックデータを元に、アクセスの多いページのみを選択してプレレンダリング可能（実験的提供）。
bash
npm install vinext
vinext dev
vinext deploy

#留意事項

  • 提供後間もない実験的なプロジェクトであり、実稼働環境での利用は要注意。
  • 短期間でのAI駆動開発に起因するテスト不足への懸念や、VercelのCEOやセキュリティ研究者による複数の脆弱性の指摘がある。
  • 静的プレレンダリング（generateStaticParamsなど）については現時点で未サポート。

#VercelはCloudflareからNext.jsへの移行ガイドを公開

この発表の数日後、Vercelは「Migrate to Vercel from Cloudflare」を公開した。

#参考文献