Skip to content

Vercel

一句话用途

前端托管平台,零配置部署React/Next.js项目,自带CDN和边缘函数。

快速上手

  1. 注册/安装https://vercel.com 用GitHub/GitLab账号登录
  2. 核心配置
    • Import Git Repository → 选择项目仓库
    • Framework自动识别(Next.js/Vite/React等)
  3. 第一次使用
    • 点击"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开发指南