AI AI 工具指南
独立开发 / 建站指南

Vercel 是什么？价格、限额、和 Firebase 的区别（2026）

Vercel 是框架原生平台，围绕 Next.js / Astro / SvelteKit 打造。给出心智模型、2026 年 6 月真实价格与限额、示例 vercel.json、5 分钟上线流程。

发布于: 更新于: 作者: AI Productivity Guide Team 🌐 查看英文版本

Vercel 是 Next.js 背后的公司，而 Vercel 平台就是围绕”把 Next.js（以及越来越被重视的 Astro、SvelteKit、Nuxt）跑得比任何地方都好”建起来的。如果说 Firebase Hosting 是”会调用你后端的 CDN”，那 Vercel 就是”端到端把你框架跑起来的 runtime”。下面给出心智模型、截至 2026 年 6 月的真实价格与限额、基础 vercel.json、以及 5 分钟上线流程。

一句话总结

  • Vercel 把一次 Git push 变成一个部署好、能跑 SSR 的框架应用，服务器配置为零。Next.js 集成最深，Astro、SvelteKit、Nuxt、Vite 同样是一等公民。
  • 免费的 Hobby 套餐只供个人、非商业用途。挂广告（包括 Google AdSense）或收款都算商业，必须上 Pro，每个席位每月 20 美元。
  • 想让框架特性（SSR、ISR、图片优化、preview 部署）开箱即用，就选 Vercel；如果是大流量纯静态站，Firebase Hosting 或 Cloudflare Pages 通常更便宜。

Vercel 到底怎么运作

Vercel 从”30 秒部署 Next.js”成长为完整平台：serverless function、edge function、增量静态再生（ISR）、图片优化、分析。模型其实很简单：你接上一个 Git 仓库，每次 push 都会生成一次部署。push 到生产分支会更新线上站点，其它每个分支和每个 PR 都会拿到自己独立的 preview URL。

最容易让人栽跟头的是计费方式。Firebase 的免费 Spark 档是固定额度，不显式开启按量付费就不会超支。Vercel 的 Hobby 档是免费额度，用完会暂停；Pro 则是按量计费：基础席位费再加超额计量。把商业项目交给它之前，先看清这个结构。

你该不该用 Vercel

适合用 Vercel：

  • 你在用 Next.js、Astro、SvelteKit、Nuxt 或其它支持的框架，想要零配置的 SSR、ISR、图片优化。
  • 你想要每个 PR 自动 preview 部署、按分支独立 URL，并在 PR 里自动贴出链接。
  • 你能接受随规模增长按量计费，而不是被硬性免费额度卡死。

不适合用 Vercel：

  • 技术栈已经在 Firebase，想用一个控制台搞定托管、认证、数据库。
  • 站点是有一定规模的纯静态 HTML，Firebase Hosting（免费 Spark 档允许商业用途）或 Cloudflare Pages 成本更低。

价格与限额（2026 年 6 月）

免费的 Hobby 套餐确实好用，但先看清这条公平使用规则：Vercel 把商业用途定义为包含”任何请求或处理付款的方式”以及”展示广告，包括但不限于 Google AdSense 这类在线广告平台”。捐赠不算商业。所以一个挂了 AdSense 的爱好博客，严格来说也得上 Pro。相比之下，Firebase Hosting 的免费 Spark 档允许商业用途。

Hobby（免费）Pro（20 美元/席位/月）
商业用途不允许允许
Fast Data Transfer（带宽）100 GB/月含 1 TB，超出按量计费
函数调用次数100 万/月含 100 万，超出 0.60 美元/百万次
Active CPU4 CPU 小时/月含额度，超出按量计费
Edge 请求含一定额度含 1000 万，超出按量计费
构建执行时长6,000 分钟/月含额度
每天部署次数1006,000
单次部署构建上限45 分钟45 分钟
并发构建112
运行时日志保留1 小时1 天
每项目自定义域名50不限（软上限）

Hobby 项目用完额度后，部署会暂停到下个周期重置，不会突然来一张超额账单。Pro 在席位费之外含 20 美元用量额度，超出部分按量计费（带宽和 edge 请求现在按地区定价）。来源：Vercel limits 与 Vercel pricing。

函数时长：Fluid Compute 改了什么

这是最常被记错的数字。开启 Fluid Compute（自 2025 年 4 月起对项目默认开启）后，时长上限不再是过去那套 Hobby 60 秒的数字：

套餐默认上限最大值（Fluid Compute）
Hobby300 秒（5 分钟）300 秒（5 分钟）
Pro300 秒（5 分钟）800 秒（13 分钟）
Enterprise300 秒（5 分钟）800 秒（13 分钟）

2025 年 4 月前创建、且未启用 Fluid Compute 的旧项目，仍然是 Hobby 上限 60 秒、Pro 300 秒、Enterprise 900 秒。真正的长任务，Vercel 现在引导你用 Vercel Workflows，它能暂停、恢复，没有时长上限。函数依然不能充当 WebSocket 服务端，实时通信需要第三方服务。

5 分钟上线

开始前准备

  • 仓库在 GitHub、GitLab 或 Bitbucket。
  • 框架已确定（Next.js、Astro 等）。
  • 自定义域名准备好（可选）。

注意：Hobby 团队不能连接归属于某个 Git 组织的仓库——那需要 Pro 团队。个人仓库在 Hobby 上没问题。

分步操作

  1. 通过你的 Git host 在 vercel.com 注册。 Vercel 会直接继承你的仓库列表。

  2. Import 仓库，让 Vercel 自动识别框架。 它会预填 build 命令和输出目录。Astro 项目示例：

Framework Preset:    Astro
Build Command:       astro build
Output Directory:    dist
Install Command:     npm install
Root Directory:      ./
  1. 加一个 vercel.json（可选但实用），用来控制响应头、跳转和 clean URL：
{
  "$schema": "https://openapi.vercel.sh/vercel.json",
  "cleanUrls": true,
  "trailingSlash": true,
  "redirects": [
    { "source": "/blog/(.*)", "destination": "/articles/$1", "permanent": true }
  ],
  "headers": [
    {
      "source": "/(.*)\\.(jpg|png|svg|webp|woff2)",
      "headers": [
        { "key": "Cache-Control", "value": "public, max-age=2592000" }
      ]
    },
    {
      "source": "/_astro/(.*)",
      "headers": [
        { "key": "Cache-Control", "value": "public, max-age=31536000, immutable" }
      ]
    }
  ]
}

每条 redirect、rewrite、header 都计入”每次部署 2,048 条路由”的上限，列表要尽量精简。

  1. 用 CLI 部署，便于复用：
npm install -g vercel
vercel link            # 本地仓库关联 Vercel 项目
vercel --prod          # 生产部署
# Production: https://your-project.vercel.app

  1. 加自定义域名。 进入 Project，再到 Settings，再到 Domains，加 yourdomain.com。按你项目设置里显示的值配 DNS。Vercel 的通用值是 apex A 76.76.21.21、www CNAME cname.vercel-dns.com，但改 DNS 前请先跑 vercel domains inspect yourdomain.com 确认你项目的确切记录。SSL 会自动签发。

  2. 配 Production 和 Preview 环境变量：

vercel env add OPENAI_API_KEY production
vercel env add SITE_URL production
# https://yourdomain.com

每个环境的全部环境变量总大小上限为 64 KB，单个变量的最大值也是这个数。

  1. PR 用 preview 部署。 每个 PR 自动拿到独立 URL，Vercel 会贴一条评论附上链接。preview 默认 noindex，不会和你的生产页面在搜索里抢排名。

  2. 用 curl 和 Lighthouse 验证部署：

curl -sI https://your-project.vercel.app/ | grep -i x-vercel
# x-vercel-cache: HIT
# x-vercel-id: ...
npx lighthouse https://your-project.vercel.app/ --only-categories=performance,seo --chrome-flags="--headless"

上线检查清单

  • 框架 preset 与实际一致。
  • vercel.json 在 trailing slash 和 clean URL 上和框架保持一致。
  • Production 环境变量已配；preview 需要的也配上（preview 缺变量会静默失败）。
  • 自定义域名 SSL 有效，vercel.app 和 apex 都返回 200。
  • DevTools Network 显示 hashed 资源带 immutable 缓存。

容易踩的坑

  • 把 Hobby 当成固定免费配额。 它是靠暂停部署来限流，不是给你出账单。函数密集的应用最先撞上的往往是 Active CPU（每月 4 CPU 小时）。
  • 把商业站放在 Hobby 上。 广告或收款都触发公平使用规则，开始变现前先迁到 Pro。
  • 把巨型单体 API 塞进一个 serverless function。 冷启动和时长上限会让你后悔；要么拆分，要么用 Vercel Workflows。
  • 忘了配 Preview 环境变量。 需要密钥的 preview，在变量只存在于 Production 时会悄无声息地失败。
  • 只为省钱把高流量纯静态站放这里。 上规模后，纯静态在 Firebase Hosting 或 Cloudflare Pages 更便宜。

FAQ

  • Vercel 免费吗？ Hobby 套餐免费，但只供非商业用途——不能挂广告、不能收款。商业或团队使用需要 Pro，每席位每月 20 美元（含 20 美元用量额度）。
  • Vercel 是不是只能跑 Next.js？ 不是。Astro、SvelteKit、Nuxt、Vite 等都是一等公民，只是 Next.js 集成最深，因为它就是 Vercel 做的。
  • Vercel 能跑长任务后端吗？ 函数默认上限 300 秒（Pro 开 Fluid Compute 可到 800 秒）。更长的任务用 Vercel Workflows 或独立 worker，而且函数不能当 WebSocket 服务端。
  • 一句话 Vercel vs Firebase Hosting？ Vercel 跑你的框架；Firebase Hosting 发文件、调你后端。
  • 静态站用 Vercel 行吗？ 行，零配置完美。真正要问的是：在你这个规模，它的成本能不能打过 Cloudflare Pages 或 Firebase Hosting。
  • 我的 Hobby 部署为什么停了？ 你撞上了某项月度额度（常见是带宽或 Active CPU）。下个周期会恢复，或者升级到 Pro。

相关阅读

标签: #独立开发 #Vercel #部署 / 托管 #入门 #对比

相关文章