一、先准备 Vercel 账号¶

访问：

https://vercel.com/

通常可以直接使用 GitHub 账号登录。

二、导入 GitHub 项目¶

进入 Vercel 后，新建项目，然后选择导入 GitHub 仓库。

三、配置环境变量¶

如果你的项目里有 .env.local 之类的配置，不要直接依赖本地文件，而是应该把关键变量填到 Vercel 的环境变量配置中。

建议统一用占位方式记录，例如：

• NEXT_PUBLIC_API_BASE=<your-api-base>
• OPENAI_API_KEY=<your-api-key>
• DATABASE_URL=<your-database-url>

四、开始部署¶

配置完成后，点击 Deploy 即可。

如果前面已经在本地成功执行过：

npm run build

那 Vercel 上线时通常会更顺。

五、绑定域名¶

如果你希望项目使用自己的域名，而不是默认的 vercel.app 子域名，就需要额外购买域名，然后在 Vercel 里绑定。

可以买域名的平台很多，例如阿里云、腾讯云等。

绑定之后，一般还需要根据提示配置 DNS 记录。

六、上线前最后再确认三件事¶

1. 构建是否通过；
2. 环境变量是否完整；
3. 域名和 HTTPS 是否正常。

七、为什么 Vercel 很适合 AI 生成项目¶

因为 AI 辅助开发产出的项目，大多是前端或全栈 Web 项目，而 Vercel 正好把：

• GitHub 接入；
• 自动构建；
• 环境变量；
• 域名绑定；
• 线上发布

这些上线步骤简化到了很低门槛。

如果你想把一个 AI 生成的网站尽快变成真实可访问地址，Vercel 往往是最短路径之一。