把项目部署上线

部署到底是什么意思

“我这里能跑”是不够的。部署的意思是，你的构建产物（build）最终落在一台服务器或 CDN 上，通过一个 URL 就能访问到——而不是只躺在你自己的电脑里。

静态站点 vs. 服务器应用

静态站点就是打包好的 HTML、CSS 和 JavaScript——运行时不需要服务器。大多数 vibe coding 出来的前端都是这样。服务器应用（有自己的后端、运行时要访问数据库）则需要一个持续运行的运行环境。刚起步的话，静态站点几乎总是更简单的路线。

新手的免费路线

常见流程：把代码推到一个 GitHub repo，把这个 repo 接到一个静态托管服务（Cloudflare Pages、Vercel、Netlify、GitHub Pages 都是常见选择），搞定。之后每次 push 到 main 分支，都会自动触发一次新的部署。

环境变量（env vars）和密钥

API key 和密码永远不应该直接写进代码或 repo 里。应该加到你托管服务的 secret / 环境变量设置里。

自定义域名是可选项

每个托管服务都会给你一个免费的子域名（比如 your-project.pages.dev）。刚开始用这个完全够用。之后随时可以再加一个自定义域名。

让 agent 来做——但要检查

编码 agent 可以帮你配置部署。但还是要检查它配置了什么，尤其是涉及计费或支付信息的部分。