本文へスキップ
MameTechNews
フロントエンド

Cloudflare、Next.jsをViteで動かすVinext 1.0を公開

## POINTS

  • 移行前にvinext checkで互換ギャップを確認し、use cache依存は後回しにする
  • ISRとキャッシュウォーミングを前提に、ビルド時間と初回応答の見積もりを見直す必要がある
  • WorkersだけでなくLambdaやNetlifyも対象なので、ホスティング固定を避けられる

Cloudflareは2026年9月28日、Next.jsアプリケーションをViteで動かすVinext 1.0を公開した。Pages RouterとApp Routerの両方を対象に、Cloudflare Workersの無料枠、Netlify、AWS Lambdaなどへ移植できる。導入はnpx vinext checkとnpx vinext initの2コマンド。

2月の実験から7カ月で、React Server Components、Server Actions、APIルート、middleware、ISR、静的書き出しまでを実装した。顧客が求める主要機能のテスト互換は、Cache Componentsを除き99%を超えた。一方でNext.js 16のuse cacheは限定対応で、キャッシュコンポーネント前提のアプリはまだ向かない。

1.0の焦点は、ビルド機で全URLを事前描画する代わりに、本番反映前にCloudflare網でキャッシュを温める経路だ。数万URLのサイトでは、低トラフィックページの描画待ちを減らせる。OpenTelemetryとSentryの既存設定も維持できる。完全なNext.js置換ではなく、デプロイ先とキャッシュ戦略を変えるための互換層として評価すべきだ。