編集

Cloudflare、vinext公開

#Cloudflare #Vite #Next.js

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」を公開した。

#参考文献

編集