Vibe session · Learning mode阅读、尝试、提问都留在同一个工作区
Course Map
练习进度 0/55
Learning Guide
Build session

部署到上线 — AI 加速从开发到生产

intermediate · 15-20 min · 步骤 1/4

你的代码在 localhost 上跑得好好的,然后呢?

我见过太多这种情况了:一个人花了一周用 Cursor 做了一个很酷的项目,本地跑得很流畅,截图发到朋友圈——然后就没有然后了。因为他不知道怎么把项目部署到网上让别人也能用。

或者更常见的场景:他知道要部署,但一打开 AWS 的控制台就傻眼了——几十个服务,每个都有一堆配置选项,光安全组规则就能搞一下午。

这就是为什么 Vercel 改变了游戏规则

为什么要部署

部署的本质

先说一个很多人搞不清楚的概念:部署(Deploy)到底是在做什么?

简单粗暴地说,部署就是把你电脑上的代码放到一台"别人也能访问到的电脑"上跑起来。你的笔记本电脑只有你自己能用,但如果你把代码放到一台有公网 IP 的服务器上,全世界的人都能通过浏览器访问到。

传统的部署流程大概是这样的:

  1. 买一台云服务器(AWS EC2、阿里云 ECS 之类的)
  2. 配置服务器环境(装 Node.js、Nginx 等)
  3. 把代码传上去
  4. 配置域名、SSL 证书
  5. 配置防火墙、安全组
  6. 设置进程守护(让程序崩溃后自动重启)
  7. 配置日志、监控
光看这个清单你可能就头大了。而且这还是最简单的情况——如果你要做负载均衡、数据库备份、CDN 配置,那工作量还要翻几倍。

Vercel 做了什么?

Vercel 本质上是把上面那 7 个步骤全自动化了。你只需要做一件事:把 GitHub 仓库连接到 Vercel

然后 Vercel 会自动:

  • 检测你的项目类型(Next.js?React?Vue?)
  • 选择正确的构建命令
  • 构建你的项目
  • 部署到全球 CDN
  • 生成一个 .vercel.app 的域名
  • 配好 HTTPS
  • 每次你 push 代码,自动重新部署
我第一次用 Vercel 部署一个 Next.js 项目的时候,从点击"Import"到看到线上页面,总共花了不到 2 分钟。我当时的反应是"就这?就完了?"

Vercel 部署

什么项目适合 Vercel?什么不适合?

Vercel 这么好用,是不是所有项目都应该用它?不是。

适合 Vercel 的不太适合 Vercel 的
Next.js / React / Vue 等前端项目需要长时间运行的后端服务(WebSocket、定时任务)
静态网站、博客需要 GPU 的 AI 推理服务
Serverless API Routes需要精细控制服务器配置的场景
个人项目、MVP 验证大型企业项目(成本考虑)
JAMstack 架构需要自建数据库、Redis 等有状态服务
简单说:如果你的项目主要是前端 + 少量 API,Vercel 是最佳选择。 如果你有复杂的后端需求,Vercel 可以部署前端,后端用 Railway、Fly.io、或者传统云服务。

平台选择指南

其他类似的平台

Vercel 不是唯一的选择。类似的平台还有:

  • Netlify:和 Vercel 类似,对静态站点特别友好
  • Railway:擅长后端部署,支持 Node.js、Python、Go 等
  • Fly.io:全球边缘部署,Docker 容器方案
  • Cloudflare Pages:免费额度非常慷慨
  • Firebase Hosting:Google 家的,跟 Firebase 生态集成好
我的个人建议:前端用 Vercel,后端用 Railway,数据库用 Supabase(免费的 PostgreSQL)或 Neon。这套组合足以支撑一个从 MVP 到早期用户阶段的 SaaS 项目,而且全部都有免费额度。

Vibe Coding 中的部署

话说回来,部署这件事在 Vibe Coding 的语境下有一个额外的好处:你可以让 AI 帮你写部署配置。

传统的部署配置(Dockerfile、nginx.conf、CI/CD pipeline)对很多人来说是"天书"。但这些配置文件本质上是有固定模式的,非常适合让 AI 来生成。你只需要告诉 AI"我的项目用什么技术栈、要部署到哪个平台",它就能帮你生成一个可用的配置。

不过有一个东西你绝对不能让 AI 帮你管——那就是环境变量和 Secret。这个我们下一步讲。

Vibe Workspace
Live build context

部署到底是怎么回事?为什么 Vercel 能"一键"?

从零理解部署的本质,以及为什么有些项目可以一键搞定、有些不行

自动保存在此设备
理解 Vercel 等平台的一键部署原理和适用场景掌握环境变量和 Secret 的管理规范能用 AI 生成部署相关的配置文件
Home| Vibe Lab
草稿自动保存