问题描述：

前言

前段时间, Cloudflare的工程师借助Claude和OpenCode花了$1,100 开发出了Vinext. 在此之前Next.js都是与Vercel之家的Turbopack高度绑定的, 有了Vinext之后就可以用Vite来构建Next.js应用了. Cloudflare关于vinext的相关博文: How we rebuilt Next.js with AI in one week

前排提醒: 目前vinext仍处于早期阶段, 不推荐生产环境使用并且本文中的一些内容在你看到时可能已经过时.

创建项目

目前vinext没有提供初始化项目的脚手架, 但是提供了从Next.js项目迁移到vinext的agent skill, 所以目前建议是使用next-app来创建一个标准的Next.js项目, 然后在vibe coding 工具里使用skill迁移.

pnpm create next-app@latest my-app --yes npx skills add cloudflare/vinext

然后在Claude code/codex 中告诉ai:

migrate this project to vinext

与Cloudflare 集成

通过上一步AI做的迁移后, 已经可以通过vinext dev 或者 vinext start 脚本将服务跑在标准Node.js环境中了, 但是如果要部署到Cloudflare worker并且使用Cloudflare KV, D1等平台集成的功能的话还需要做点额外的配置

1. 安装cloudflare/vite-plugin 和 wrangler 依赖

pnpm add -D vite @cloudflare/vite-plugin wrangler

2. 编辑 vite.confi