Vercel免费部署完整教程

很多想搞一人公司的朋友，技术能力不一定有，但又想自己建站。花钱找外包建站要2000起步，用WordPress虽然能省钱但还得买服务器和配置环境。有没有一个方案，你不用写太多代码、不用买服务器、甚至不用懂什么运维，就能把网站跑起来？答案是Vercel。今天我就把这个东西从注册到上线、从代码到域名绑定的完整流程写出来，每一步都有截图级的说明。

先解释一下Vercel是什么。简单说它是一个云托管平台，专门用来部署前端项目。你的代码放在GitHub上，Vercel会自动抓取、自动构建、自动部署。你不需要买服务器、不需要配置Nginx、不需要搞SSL证书（Vercel自动给你配好）。并且个人项目完全免费，没有时间限制，没有功能阉割。对于一人公司来说，这是目前最好的免费托管方案。

为什么这个话题很重要

第一步是注册Vercel账号。打开vercel.com，点右上角的Sign Up，可以用GitHub账号直接登录。用GitHub登录的好处是Vercel会自动授权访问你的仓库权限，省去了后续手动配置。登录完成后，Vercel会跳转到Dashboard页面，你会看到一个空的项目列表和一个"Add New"按钮。

第二步是把你的网站代码放到GitHub上。如果你没有代码基础，可以直接fork一个现成的Next.js starter模板。去GitHub搜索"nextjs-starter-blog"或者"nextjs-content-template"，找一个star多的fork到自己的账号下。如果你会用一点Git，也可以新建一个空仓库，把本地代码push上去。记住，你的代码需要用Next.js、Gatsby或者Hugo这类SSR/SSG框架写，因为Vercel对这几种框架的支持最好。

第三步是在Vercel上导入你的GitHub仓库。在Dashboard点击"Add New" -> "Project"，Vercel会展示你所有的GitHub仓库，找到你要部署的那个，点"Import"。然后Vercel会自动检测你用的框架——比如它认出你用Next.js，就会自动设置好Build Command和Output Directory。你不需要手动配置什么。如果项目很标准，直接点"Deploy"就开始了。

第一步：找准定位

第四步是等待构建和部署。Vercel会开始拉取代码、安装依赖、执行构建。整个过程在30秒到2分钟之间，取决于项目的复杂度。构建完成后，Vercel会分配给你一个vercel.app的二级域名，比如my-project.vercel.app。你现在就可以通过这个域名访问你的网站了。从注册到这一步，通常不超过10分钟。

第五步是绑定你自己的域名。你之前买的域名（比如45到70块每年的.com）需要指向Vercel。操作方法是在Vercel的项目设置里，找到Domains这一栏，输入你的域名点Add。Vercel会给你一个DNS配置说明，一般是在你的域名注册商后台添加一条CNAME记录，指向cname.vercel-dns.com。添加完成后，Vercel会自动验证并生成SSL证书。等待DNS生效（通常几分钟到1小时），你的网站就能通过自己的域名访问了。

SSL证书是自动生成的，这一点非常省心。Vercel使用Let's Encrypt提供免费SSL证书，不需要你手动申请或续期。证书到期前Vercel会自动更新，你完全不用管。你的网站默认就是HTTPS，Google明确把HTTPS作为排名因素，所以这一步等于帮你自动完成了SEO加分项。

第二步：搭建系统

绑定域名之后，Vercel还有两个很实用的功能。一个是域名重定向，比如你可以把www.yourdomain.com重定向到yourdomain.com，避免重复内容影响SEO。另一个是流量分析和日志查看，Vercel的免费版包含了基础的Analytics功能，可以看到网站的访问量、地域分布和最受欢迎的页面。

每次你更新了文章或者代码，只需要在本地执行git add、git commit、git push，Vercel会自动检测到main分支的变化，自动触发新的构建和部署。这个过程叫"Continuous Deployment"。你不需要登录Vercel后台，不需要手动点击部署，纯自动。从push到上线，一般30秒到1分钟。

我自己的AgentClaw项目就是完全跑在Vercel免费版上的。从第一天上线到现在，文章从0篇做到了255篇，流量从0涨到了日均几百UV。Vercel的表现一直很稳定，没有出现过宕机。免费版每月有100GB的带宽和100小时的构建时长，对于个人内容站来说绰绰有余。

第三步：内容输出

免费版的配额具体是多少？Hobby计划（个人免费版）每个月有100GB带宽、6000分钟的执行时长（Serverless Functions）、100小时的构建时长。100GB带宽对于内容站来说足够支撑日均几千次访问。如果你的网站突然爆了，Vercel会自动扩展，不会因为你用的是免费版就限制流量。只是超过免费额度后会开始计费，但起价也很便宜。

对于一人公司来说，Vercel免费版的限制基本上不是一个问题。唯一的限制是Serverless Functions的执行时间不能超过10秒。但内容站大部分都是静态页面，很少用到Serverless Functions。如果你用了API路由，比如搜索功能或者评论功能，可能需要注意一下这个限制。不过大部分内容站完全不需要这些东西。

有人可能担心Vercel是国外平台，国内访问速度会不会有问题。Vercel的CDN在全球有多个节点，国内的访问速度确实不如阿里云或者腾讯云快，但对于一个内容站来说影响不大。如果你的主要受众是国内用户，可以考虑加一个国内CDN做加速，或者直接用国内的云平台。但我个人测试下来，Vercel在国内的加载速度在2到3秒之间，可以接受。

第四步：流量获取

还有一种进阶用法：Vercel配合GitHub Action做更复杂的自动化。你可以在GitHub仓库里配置一个workflow，在每次push后先运行一些检查（比如链接检查、图片压缩、代码格式化），通过后再触发Vercel部署。这样有多一层质量把关，确保有问题的代码不会上线。这套流程我在GitHub Actions自动化的文章里写得比较详细。

Vercel也有一些高级服务是需要付费的。比如Serverless Functions的请求量超过免费额度、Analytics的详细数据、团队协作功能等等。但对于一个一人公司的内容站来说，免费版的功能已经全部覆盖了。你不需要为任何东西付费。你唯一的支出就是那个域名钱。

最后总结一下Vercel部署的完整流程和耗时。注册账号（5分钟）、GitHub准备代码（10分钟，fork模板更快）、导入项目并部署（2分钟）、绑定自定义域名（10分钟，含DNS解析等待）。从头到尾不到30分钟。之后每次更新文章就是一个git push。不需要运维人员、不需要买服务器、不需要搞SSL、不需要监控宕机。Vercel把这一切都帮你管好了。对于想快速启动一人公司但不太懂技术的人来说，这就是最好的免费部署方案。

实操案例

如果你也按这个教程做了，从零到网站上线，按时间算应该30分钟能搞定。比请外包(2000起步)便宜太多，比用WordPress省心太多。而且随着你对Next.js和Vercel越来越熟悉，效率只会越来越高。

长期策略