最近想做些东西，动起来，实现睡后收入的目标
然后看到了哥飞老师的公众号文章，深有体会：
- 做 seo 出海网站就和种树一样，最好的时间是十年前和现在
- 出海网站最终形态会形成以个人为核心的产品矩阵，这个才是个人竞争力的终局
海外的网页功能有很多啊：
- 海外建站，产品宣传
- 搭建个人博客等内容矩阵
- 搭建工具站，赚广告流量钱
那么在这个 AI 赋能的时代，没有代码能力，能不能随心所欲得搭建网站
答案是肯定可以的！
先说一下个人背景，说明大家也可以做：
- 略懂算法
- 4 年工程经验
- 前端经验约等于 0
写网站其实大部分需要的是前端能力，我的前端能力可以说是没有
先给大家看看我的网站效果：
- 首页
- 文章页：
- 工具对比页：
可以看到完成度非常高，目前是完全可用的，后续我也不打算大改，只是发布文章这些了
网址我也放这：https://www.everysync.work/?lang=zh（由于服务器在海外，可能有点卡）
核心的问题实际上就是下面几个：
- 搭建什么样的网站？
- 网站怎么搭建
- 网站怎么部署
- 怎么变现
我们这篇文章主要就讲中间的和网站构建有关的内容吧
网站搭建与部署
首先先列一下工具列表：
- 网页自动生成：https://v0.dev/
- 数据库免费工具：https://supabase.com/
其实简单的网站这两个绰绰有余
网页设计
打开 v0之后，直接和它对话：
然后它简单生成了一版：
但是我觉得很丑，就直接和他说：
然后它就给了一版更好看的给我：
后来我想清楚了我的需求：做一个视频口型同步的 ai 工具评测网站
我甚至都没有说我要什么分区，有什么功能，他直接自己思考，给出了最合适的网站结构和页面：
可以看到整个网站的大致架构已经非常清晰了
在整个过程中，其实我们要做的东西不多：
- 明确需求是什么，简单和 ai 说就好
- 针对页面不满意、没有写的页面、出现的问题，直接截图或者和 ai 说，都能获得不错的效果
链接数据库
针对一些复杂一些的功能和需要长时间记录的数据，我们是绕不开数据库的，刚好 v0 作为 vercel 的 ai 功能，继承了平台的所有功能，可以一键连接到 supabase 数据库的同时，ai 还能帮你建表以及处理数据库和网页功能的关系
先点击 intergrations
然后选择supabase 就好，然后一直点继续、ok
然后继续回到对话框和 v0 说：
他会帮你把数据库的 sql 都写完，并且和当前的网页代码做结合，你唯一需要做的就是点 run
网页部署
其实部署这一个步骤也很简单，v0背靠 vercel，也支持一键部署的能力，点击即可
因为我有一个自己的域名，我还多了一个 add a domain 的操作，但是也不复杂
点击 Add a Domain 之后，一步步继续即可
关于问题排查
如果出现问题，v0 都会有按钮，直接点fix with v0即可
如果没有按钮，复制到对话框，一键修复
更多内容可关注我的公众号：木东AI
