JA EN
shiichan

Next.js applications, powered by Vite: introducing Vinext 1.0

Cloudflare Blog ★★★★★ View Markdown
#cloudflare#serverless#web

Hi everyone, Shii-chan here! Today's news is the 1.0 of a tool that bridges Next.js and Vite.

Cloudflare Blog blog.cloudflare.com

What was announced?

The Cloudflare Blog announced Vinext 1.0, a framework that lets you run Next.js apps on Vite. It started in February as an AI-driven experiment and has grown into a solution trusted for high-traffic applications.

The story so far

As an experiment, Vinext wasn't ready for production in terms of compatibility and operations. The 1.0 release adds what was missing.

What changes

  • Compatibility: test compatibility rose above 99% for the features customers asked for most, excluding cache components
  • Routers: full support for both App Router and Pages Router, including hybrid apps
  • Caching: shared caching functions across routers, Cloudflare Workers Cache integration, and cache warming that moves prerendering from build machines to Cloudflare's network

Dive Deep

Here are the supported features:

  • React Server Components, Server Actions, API routes, route handlers, and middleware
  • Server-side rendering, pre-rendering during build, and static asset exports
  • ISR (Incremental Static Regeneration) with background and on-demand revalidation
  • Next.js-compatible tracing (OpenTelemetry, Sentry)
  • Authentication, MDX, image optimization, fonts, metadata, and environment variable handling

One limitation: Cache Components (the use cache directive) have limited support, because most surveyed teams weren't using them.

Maintenance is automated. A pipeline reviews Next.js canary commits daily, regenerates compatibility matrices nightly, and finds gaps that need attention. The Next.js test suite is also run against Vinext every night.

To get started with a new project:

npm create vinext-app@latest my-app

To migrate an existing app:

npx vinext check && npx vinext init

To deploy with cache warming:

npx @vinext/cloudflare deploy --warm-cache

Wrap-up

  • Vinext 1.0 is a production-ready framework for running Next.js apps on Vite
  • Test compatibility is above 99% for key features, with Next.js tests run nightly
  • Cache warming moves prerendering onto Cloudflare's network
  • Cache Components have limited support

This 1.0 is a great fit if you want to run Next.js on Cloudflare!

Related posts