生活分享

Cloudflare 发布 Vinext 1.0:以 Vite 运行 Next.js 应用,主打可移植部署

Cloudflare 宣布推出 Vinext 1.0,称使用 Next.js 开发的网站可改为基于 Vite 运行,并部署到 Cloudflare Workers、Netlify 或 AWS Lambda 等平台,还新增了缓存预热等功能。主要影响使用 Next.js 的开发团队。本文梳理其内容、限制以及对普通读者的意义。

阅读时间约 5 分钟

Cloudflare 发布 Vinext 1.0:以 Vite 运行 Next.js 应用,主打可移植部署
图片:Mokaair (Original editorial artwork)

发生了什么

Cloudflare 于 2026 年 9 月 28 日在官方博客宣布发布 Vinext 1.0,文章由 James Anderson 与 Matt “TK” Taylor 撰写。Next.js 是一个常用的网站开发框架。Vite 是一种构建工具,负责把开发者写的代码处理成可以上线运行的网站。Vinext 的做法是用 Vite 来运行 Next.js 应用。据 Cloudflare 介绍,Vinext 于 2 月推出,最初是一项为期一周、由 AI 驱动的实验,旨在测试一名工程师能在多大程度上基于 Vite 复现 Next.js 框架。

Cloudflare 表示,在此后的七个月里,Vinext 已成为其客户在生产环境(即真实用户访问的线上网站)中用于高流量动态应用的框架。该公司称,1.0 版在兼容性、稳定性和缓存行为方面均有大幅改进。

Cloudflare 发布 Vinext 1.0:以 Vite 运行 Next.js 应用,主打可移植部署
Mokaair 编辑核查流程 · 图片:Mokaair (Original editorial artwork)
阅读完整文字说明

消息会先收集来源、独立核查,再交由 Jev 判断。

Vinext 1.0 的主要内容

根据 Cloudflare 的说明,Vinext 1.0 的重点放在客户最需要的功能上,而不是完整复制 Next.js 近期推出的所有新功能。

  • 路由支持:App Router 和 Pages Router 是 Next.js 中组织页面与网址的两种方式。Vinext 同时支持这两种方式以及两者混用的应用,涵盖 React Server Components、Server Actions、API routes、route handlers、middleware 和客户端导航。
  • 页面生命周期:预渲染是指提前生成页面,用户访问时就无需现场生成。Vinext 可以在构建期间预渲染两种路由方式下的页面。它也支持页面级 ISR(增量静态再生成,即页面先以静态形式提供,之后在后台或按需更新),可以按路径或标签让缓存的页面失效。它还支持用 output: "export" 生成完全静态的网站。
  • 可观测性:提供与 Next.js 兼容的追踪功能,现有的 OpenTelemetry 与 Sentry 监控配置可以继续使用。
  • 生态兼容:实现公开的 next/* 接口,支持身份验证、MDX、图片优化、字体、metadata、环境变量等常见用法。
  • 迁移:Cloudflare 表示,只需 npx vinext check 和 npx vinext init 两条命令即可完成迁移,并保留原有项目结构。
Vinext 1.0 要点对比(资料来源:Cloudflare 官方博客)
项目Cloudflare 所述的 Vinext 1.0 状态
支持的路由器App Router、Pages Router 及混合型应用
测试兼容性排除 Cache Components 后超过 99%
Cache Components(“use cache”)仅提供有限支持
部署目标示例Cloudflare Workers 免费套餐、Netlify、AWS Lambda
静态输出支持 output: "export"
测试方式数千个针对性测试,并每晚运行 Next.js 端到端测试套件

缓存预热:把预渲染移出构建流程

Cloudflare 在公告中提出“缓存预热”(cache warming)方案,把页面预渲染从构建机器转移到 Cloudflare 的网络上进行。据该公司说明,部署时会先上传新的 Worker 版本,并以 0% 生产流量部署,也就是新版本暂时不接收真实用户的访问。随后系统向这个版本请求页面,等缓存填充完成后才正式上线。Cloudflare 表示,Vinext 还能额外识别高流量页面,并把它们加入预渲染列表。

Cloudflare 的观点针对拥有大量网址的网站。它认为构建阶段无法判断哪些页面流量高,逐页渲染可能浪费大量时间。改为在部署前于网络上预热,网站一上线就能从缓存快速响应。这一效果是 Cloudflare 的说法,目前尚无独立测试数据。

对普通读者和开发团队的意义

Vinext 的目标是让用 Next.js 开发的网站不必绑定单一部署平台。普通用户通常不会直接感受到这类变化,但它可能影响网站背后的托管选择和上线速度。

开发团队需要留意 Cloudflare 自己指出的一项限制。Next.js 16 将 Cache Components 视为框架未来的重要组成部分,而 Vinext 目前对驱动该功能的 “use cache” 指令仅提供有限支持。依赖该功能的项目需要特别注意。

常见问题

Vinext 是什么?

据 Cloudflare 介绍,Vinext 是基于 Vite、复现 Next.js 行为的框架,目标是让 Next.js 应用可以部署到不同的 Web 平台。

Vinext 1.0 何时发布?

Cloudflare 于 2026 年 9 月 28 日在官方博客宣布发布。

Vinext 与 Next.js 完全兼容吗?

不完全兼容。Cloudflare 表示,排除 Cache Components 后测试兼容性超过 99%,但对 “use cache” 指令仅提供有限支持。

只能部署在 Cloudflare 上吗?

不是。Cloudflare 表示 Vinext 可以部署到任何 Web 平台,并举了 Cloudflare Workers 免费套餐、Netlify 和 AWS Lambda 为例。部署在 Workers 上时,还有额外的集成功能。

这些说法经过独立验证了吗?

没有。本文资料仅来自 Cloudflare 官方博客,属于该公司自述。

查看同分类最新消息

最新旅游情报攻略

资料来源

生活分享