基于cloudflare+vercel+cursor搭建工具站

话不多说,直接开始

从后端开发视角出发,谈谈如何基于目前一些比较主流的AI工具快速搭建一个静态工具站,主要分享一些搭建过程中小技巧和遇到的坑。

首先是你要做什么类型的工具站?当然你可能已经有一些参考的网站,这时候你就可以直接用v0或者lovable生成ui界面,比如我做的工具站:

初步使用下来,感觉相同的prompt,lovable比v0的实际效果要更好一些,后续我打算继续使用lovable。在调试完UI之后,就可以同步Github:

然后就可以下载源代码导入cursor进行愉快的vibe coding了。当你调试ok后就可以导入你的github仓库到vercel进行构建发布了:

第一次导入后会自动触发编译、部署, 如果你是静态站,不需要修改相关配置,直接发布即可。默认的Vercel会生成一个域名,你可以直接预览,当然你也可以购买自己的域名,然后解析到cloudflare, 再添加到vercel即可:

cloudflare绑定解析:

下面是我搭建过程中遇到的一个坑

我遇到的问题是,我本地提交代码到仓库后,不会自动触发deployment, 目前我的解法是:
1. 在vercel项目配置 -> git -> deploy hook, 生成url

2.github项目配置 -> webhooks配置上面的链接:

然后我本地推送后,发现并没有触发部署,查看推送记录:

发现统一时间有很多推送,然后返回了429, 被vercel限流了。原来是推送配置成了仓库任何变动就会触发推送(Send me everything),后边改成 Just the push event就好了。

结尾,看看实际效果吧(https://growagarden-calculator.tools


基于cloudflare+vercel+cursor搭建工具站
https://yanhua.online/archives/chun-hou-duan-kai-fa-ru-he-ji-yu-cloudflare-vercel-cursorda-jian-gong-ju-zhan
作者
一杯冰美式
发布于
2025年07月13日
许可协议