主题
Vercel
一句话用途
前端托管平台,零配置部署React/Next.js项目,自带CDN和边缘函数。
快速上手
- 注册/安装:https://vercel.com 用GitHub/GitLab账号登录
- 核心配置:
- Import Git Repository → 选择项目仓库
- Framework自动识别(Next.js/Vite/React等)
- 第一次使用:
- 点击"Deploy" → 等待构建完成(约1分钟)
- 访问分配的域名
xxx.vercel.app
出海场景用法
| 场景 | 用法 | 相关SOP |
|---|---|---|
| 快速上线 | Git推送自动部署,无需运维 | 自动化部署 |
| 预览环境 | 每个分支自动生成预览链接 | 预览环境管理 |
| Edge Functions | 部署API到边缘节点,降低延迟 | Cloudflare生态 |
| 域名绑定 | 自定义域名,配置SSL证书 | Cloudflare全套配置 |
关键功能
- 自动构建:Git推送触发CI/CD,零配置
- 预览部署:每个PR/Branch自动生成预览链接
- Edge Runtime:边缘函数,支持Node.js/Python
- Analytics:内置访问统计(Web Vitals)
- 域名管理:自定义域名 + 自动SSL
替代工具
- Cloudflare Pages:免费额度更大,适合静态站点
- Netlify:功能相近,老牌托管平台
参考文章
- Vercel部署全流程:从项目到上线
- Edge Functions实战:边缘API开发指南