写完前端代码之后，部署到线上这件事其实挺烦的。你要买服务器、配Nginx、申请SSL证书、搞CI/CD流程……对于个人开发者或者小团队来说，光部署这件事就能劝退不少人。Vercel就是来解决这个问题的，你只需要把代码推到GitHub，剩下的事情它全帮你搞定。
官网：vercel.com
怎么部署一个项目
部署流程真的简单到离谱。登录Vercel之后，选择”Import Project”，授权你的GitHub账号，找到你的仓库，点一下Deploy就行。它会自动识别你的项目类型——是Next.js、Create React App、Vue还是静态HTML，然后自动配置好构建命令和输出目录。从代码推送完成到线上可访问，通常不超过30秒。每次你往GitHub推送新的commit，Vercel会自动触发重新部署，完全不用手动操作。
免费额度有多少
Vercel的免费版对个人开发者来说相当够用。Hobby计划（免费）提供100GB带宽/月、无限制的静态站点部署、自动SSL、自定义域名绑定。唯一的限制是每次构建不能超过45秒，而且不能使用Serverless Functions的高级功能。对于个人博客、作品集、小型前端项目来说，这些限制基本不会碰到。
部署速度和全球CDN
Vercel在全球有几十个边缘节点，你的项目部署后会自动分发到离用户最近的服务器上。实测在国内访问Vercel部署的站点，速度还可以，虽然没有Cloudflare那么快，但大部分时候首屏加载在1-2秒内。如果在海外地区访问，速度表现更好。不过有一个问题：国内部分地区的DNS解析偶尔会被干扰，导致访问不稳定。如果你的目标用户主要在国内，可能需要额外配置国内CDN。
支持哪些框架
Vercel是Next.js的开发公司，所以对Next.js的支持是原生的，体验最好。但它也支持几乎所有主流前端框架：React、Vue、Nuxt.js、Svelte、Angular、Gatsby、Astro等等。甚至纯静态HTML网站也能部署。它还提供Edge Functions和Serverless Functions，可以写后端API，不过这些功能在免费版有使用限制。
有什么不满意的
免费版的构建时间限制45秒对一些大型项目来说太短了，如果你的项目依赖多、构建步骤复杂，很容易超时。另外Vercel的控制面板和日志查看功能在免费版也比较受限，排错起来不太方便。还有一个比较头疼的问题是，Vercel的免费域名.vercel.app在国内有时候会被间歇性屏蔽，所以建议一定要绑定自己的域名。总的来说，如果你是做个人项目或者前端演示，Vercel的免费版基本够用。建议先从Hobby计划开始，等项目规模大了再考虑升级到Pro。
官网：vercel.com
