自2020年以来，我一直在为客户部署生产级的Next.js和Astro网站。每年，定价讨论都变得更加复杂——不是因为平台更贵（虽然有些确实如此），而是因为计费模式持续发生变化，使得真正的对比变得极其困难。

上个月，我查看了三个平台在九个客户项目中的发票，并进行了计算。不是"他们定价页面上的计算器"数学。而是真实的数学。"为什么这个账单是$340而我估计$80"的数学。

本文包含了我学到的一切。如果你在选择Vercel、Netlify和Cloudflare Pages用于2026年的生产部署，这应该能为你避免一些痛苦的惊讶。

Vercel Pricing in 2026: Real Costs vs Netlify & Cloudflare Pages

目录

为什么平台定价比看起来更复杂

每个平台都希望你看他们的免费层并认为"这基本上是免费的"。对于个人博客或业余项目，这确实是。问题开始于当你有实际流量、实际的动态路由和实际的业务需求时。

这里是让对比变得棘手的原因：

  • 计费单位不同。 Vercel按函数调用和执行时间收费。Netlify按"无服务器函数执行"收费，定义不同。Cloudflare按Workers请求收费。这些不是同一回事。
  • 带宽定义差异。 有些平台计算边缘缓存命中。有些则不计。有些单独对图像优化带宽收费。
  • 超额费用才是金钱所在。 基础计划可能是$20/月，但流量峰值可能悄悄地使你的账单增加5倍。

我见过团队因为"它非常适用于Next.js"而选择Vercel，但没有意识到他们ISR密集的架构每月会产生200万次函数调用。这不是假设——那是我们去年的一个Next.js开发客户。

Vercel 2026年定价详解

Vercel在2025年底更新了他们的定价结构，当前模式（截至2026年Q1）如下：

计划等级

计划 月成本 团队成员 带宽 无服务器函数执行 边缘函数调用 构建分钟数
Hobby $0 1 100 GB 100K 500K 6,000/月
Pro $20/成员 最多10 1 TB 100万 100万包含 24,000/月
Enterprise 自定义 无限 自定义 自定义 自定义 自定义

实际成本的内容

$20/成员/月Pro计划是大多数生产网站的着陆点。但这里变得有趣：

  • 额外带宽： 第一个1 TB后，每100 GB $40
  • 额外无服务器函数执行： 第一个100万后，每100万 $6
  • 额外边缘函数调用： 每100万 $2
  • 边缘中间件： 默认在每个请求上运行。如果你使用中间件进行身份验证检查或重定向，每个单一页面浏览都会触发它。
  • 图像优化： Pro上包含5,000个源图像；每额外1,000个源图像 $5
  • Web分析： 包含，但高级分析从$10/项目/月开始
  • DDoS保护和WAF： 仅在Enterprise上

无服务器函数陷阱

这是捕捉人们的那个。在Next.js App Router项目中，每个使用服务器组件的page.tsx、每个API路由、每个服务器操作——这些都计为无服务器函数调用。单个页面加载可以触发多个函数调用（如果你有并行数据获取）。

我在上个季度审计了一个客户项目，发现单个产品页面每次访问产生4个函数调用：一个用于布局，一个用于产品数据，一个用于推荐，一个用于库存状态。在每月200K页面浏览中，仅从一个页面就产生800K函数调用。

// 这些中的每一个都在Vercel上生成一个单独的函数调用
// app/products/[slug]/page.tsx
export default async function ProductPage({ params }) {
  const product = await getProduct(params.slug); // 调用1
  const recommendations = await getRecommendations(params.slug); // 调用2
  const inventory = await getInventory(params.slug); // 调用3
  
  return <ProductView product={product} recommendations={recommendations} inventory={inventory} />;
}

你可以批处理这些，但大多数教程中的默认模式不会。

Vercel的2025-2026年定价变化

Vercel在2025年底做了一个值得注意的转变，通过引入"Fluid Compute"作为他们的默认执行模型，替代旧的按调用无服务器方法，使用更像容器的模型来保持函数更长时间处于活动状态。这实际上为具有一致流量的应用降低了成本，但突发流量模式仍然会被严重打击。

他们还在Pro计划中引入了支出上限——你现在可以设置最大月度支出，这非常有用。在这之前，失控账单是真实的问题。

Vercel Pricing in 2026: Real Costs vs Netlify & Cloudflare Pages - architecture

Netlify 2026年定价详解

Netlify在2025年初重组了他们的定价，并在2026年相对保持稳定。

计划等级

计划 月成本 团队成员 带宽 无服务器函数 边缘函数 构建分钟数
Starter $0 1 100 GB 125K调用 无限 300/月
Pro $19/成员 最多10 1 TB 200万调用 无限 25,000/月
Enterprise 自定义 无限 自定义 自定义 自定义 自定义

实际成本的内容

  • 额外带宽： 每100 GB $55（是的，比Vercel贵）
  • 额外无服务器函数调用： 每100万 $7.50
  • 大型媒体存储： 每100 GB $2.50
  • 表单： Starter上100个提交/月；额外需要$19/网站/月换取1,000个提交
  • Identity（身份验证）： 1,000个活跃用户免费；10,000个需要$99/网站/月
  • 分析： $9/网站/月

Netlify的优势和劣势

Netlify在所有付费计划上的边缘函数无限制确实很好。如果你的架构严重依赖边缘逻辑——基于地理位置的路由、边缘的A/B测试、身份验证令牌验证——Netlify不会为它额外收费。

弱点？Netlify的无服务器函数在底层运行在AWS Lambda上，冷启动明显比Vercel差（我的测试中，2026年初可比Node.js函数平均为300-500毫秒 vs Vercel的100-200毫秒）。

此外，Netlify的Next.js支持，虽然通过他们的运行时v5显著改进，仍然落后于Vercel的原生支持。部分预渲染和服务器操作等功能有效，但我遇到过需要变通的边界情况。如果你在使用无头CMS开发与Next.js前端，这很重要。

Cloudflare Pages 2026年定价详解

Cloudflare Pages是这里的奇特之处，在许多方面，最有趣的选择。

计划等级

计划 月成本 团队成员 带宽 Workers请求 KV操作 构建分钟数
Free $0 无限 无限 100K/天 100K读/天 500/月
Pro $20/月(固定) 无限 无限 1000万/月 10亿读/月 5,000/月
Business $200/月 无限 无限 5000万/月 50亿读/月 20,000/月

带宽优势

再读一遍那个表格。所有计划上无限带宽，包括免费计划。 这是Cloudflare的必杀优势。如果你运行媒体密集型网站或提供大量图像和视频，仅带宽节省就可能是每月数百美元。

实际成本的内容

  • 额外Workers请求： 计划限制后，每100万 $0.30
  • Durable Objects： 每100万请求 $0.15 + 存储费用
  • R2存储（如果用于资产）： 每GB/月 $0.015，每100万A类操作 $4.50
  • Workers AI： 按使用付费，因模型而异
  • 图像： 100K变体 $5/月；额外每100K $1

Cloudflare Pages的陷阱

这是我必须诚实的地方：Cloudflare Pages运行在Workers运行时上，而不是Node.js。这意味着：

  • 没有原生fs模块
  • 没有原生Node.js API（尽管兼容性通过nodejs_compat标志大幅改进）
  • 某些npm包根本无法工作
  • Next.js支持通过@cloudflare/next-on-pages或更新的opennext适配器工作，但不是一方的

对于Astro开发，Cloudflare Pages实际上很优秀。Astro的Cloudflare适配器维护良好，SSR故事很清楚。对于Next.js，它是可行的，但你会遇到粗糙的边缘。

并排成本对比

让我为三个常见场景提供真实数字。所有价格为月度，基于2026年定价。

指标 Vercel Pro Netlify Pro Cloudflare Pro
基础成本（3个团队成员） $60 $57 $20
2 TB带宽 $60 + $40 = $100 $57 + $55 = $112 $20
500万函数调用 $60 + $24 = $84 $57 + $22.50 = $79.50 $20
2 TB带宽 + 500万调用 $124 $134.50 $20
图像优化（20K图像） +$75 +$0（使用外部） +$5
分析 包含（基础） +$9/网站 免费（通过CF仪表板基础）

Cloudflare列不是打字错误。对于带宽密集、中等流量的网站，Cloudflare Pages成本大幅降低。

真实场景：月流量50万的营销网站

一个典型的中型公司营销网站：30页，CMS驱动的内容，联系表单，可能有一个有200篇文章的博客。静态生成，博客有一些ISR。

假设：

  • 月页面浏览量50万
  • 800 GB带宽（图像、字体等）
  • 60万无服务器函数调用（ISR、表单处理、API路由）
  • 3个团队成员
  • 1,000个表单提交/月
Vercel Pro Netlify Pro Cloudflare Pro
基础计划 $60 $57 $20
带宽超额 $0 $0 $0
函数超额 $0 $0 $0
表单 外部服务 $19 外部服务
总计 $60 $76 $20

在这个规模，三者都相当经济实惠。差异在你扩展时开始重要。

真实场景：繁重API路由的SaaS仪表板

一个带有认证用户、实时数据、大量API调用的仪表板应用。想象：分析仪表板、项目管理工具或管理面板。

假设：

  • 5万活跃用户
  • 月页面浏览量800万
  • 2.5 TB带宽
  • 1500万函数调用
  • 5个团队成员
  • WebSocket连接（如支持）
Vercel Pro Netlify Pro Cloudflare Business
基础计划 $100 $95 $200
带宽超额 $600 $825 $0
函数超额 $84 $97.50 $0
总计 $784 $1,017.50 $200

现在差异很明显。Cloudflare的固定费率模型与无限带宽绝对适用于高流量动态应用。但记住——你用成本节省交换更受限的运行时环境。

Vercel在这个规模可能会推动你选择Enterprise，通常从$1,500/月开始，但包括DDoS保护、SLA保证和优先支持。

真实场景：电商门面

一个使用Shopify或类似服务作为后端的无头商务网站，带有Next.js或Astro前端。

假设：

  • 月访客20万
  • 月页面浏览量150万（浏览行为）
  • 1.8 TB带宽（产品图像）
  • 800万函数调用（产品页、购物车、结账、搜索）
  • 15,000个优化源图像
  • 4个团队成员
Vercel Pro Netlify Pro Cloudflare Pro
基础计划 $80 $76 $20
带宽超额 $320 $440 $0
函数超额 $42 $45 $0
图像优化 $50 外部（$20-50） $5
总计 $492 $581-611 $25

电商是带宽成本在Vercel和Netlify上真正咬人的地方。即使有激进的缓存，产品图像也会快速消耗带宽。

如果你在构建无头门面并且成本是一个因素，Cloudflare Pages值得认真考虑——假设你选择的框架对Cloudflare有坚实支持。检查我们的定价页面，如果你想帮助评估适合你具体项目的正确平台。

没人谈论的隐藏成本

预览部署

所有三个平台为PR创建预览部署。在Vercel Pro上，你获得无限预览部署，但它们消耗构建分钟和函数调用。一个繁忙团队每天推送20个PR和自动化测试可以快速烧完构建分钟。

中间件和边缘执行

Vercel的中间件在与其匹配器模式匹配的每个请求上运行。如果你的中间件检查每个路由上的身份验证，那是每个请求一个边缘函数调用。在有100万月度请求的网站上，那是仅用于中间件的100万边缘函数调用。以每100万 $2计，它很便宜——但当与其他边缘使用相结合时会累加。

Cron工作

Vercel对cron工作调用计费反对你的无服务器函数配额。如果你有一个每分钟运行的cron，那是每月43,200个调用（仅来自单个cron）。Netlify的计划函数工作方式类似。Cloudflare的Cron触发器包含在你的Workers请求配额中。

Monorepo中的构建分钟

如果你运行一个带Turborepo的monorepo，每次部署重建的比你想象的多。Vercel的远程缓存有帮助，但你仍会使用比单项目repo更多的构建分钟。我见过monorepo消耗等价独立项目3-5倍的构建分钟。

开发者体验成本

这不在任何发票上，但它是真实的。Vercel对Next.js的DX是无与伦比的。东西就工作了。部署预览注释、速度洞察、与Next.js错误覆盖的集成——它节省开发者小时数。如果你支付开发者$150/小时并且Vercel在调试部署问题上为每个开发者节省每月2小时，那值$300/月每个开发者。把这个算进去。

你应该选择哪个平台

在跨所有三个平台部署数十个生产网站后，这是我诚实的看法：

选择Vercel如果：

  • 你在构建Next.js并希望零摩擦
  • DX比节省$50/月更重要
  • 你需要第一天最新的Next.js功能
  • 你的流量是中等且可预测的

选择Netlify如果：

  • 你需要内置表单、身份验证或其他附加功能
  • 你的团队更喜欢视觉/UI驱动的部署工作流
  • 你使用了除Next.js外的框架（Hugo、Eleventy等）
  • 边缘函数是你的架构核心部分

选择Cloudflare Pages如果：

  • 带宽成本在其他平台上会很重要
  • 你在构建Astro、SvelteKit或其他CF友好框架
  • 你想要最激进的成本优化
  • 你可以舒服地在Workers运行时约束内工作
  • 你需要全球性能（CF的边缘网络是巨大的）

对于我们在Social Animal的大多数客户工作，我们默认Next.js项目选Vercel，Astro项目选Cloudflare Pages。罕见的Netlify部署发生在客户有现有Netlify基础设施或需要他们特定附加功能时。

如果你不确定方向，联系我们——平台选择是我们在任何参与中首先确定的事情之一。

常见问题

2026年Vercel对生产网站真实成本多少？ 对于具有中等流量（每月不足50万访客）的典型生产网站，预期根据团队大小在Pro计划上支付$60-120/月。高流量网站，带有繁重的动态渲染，由于带宽和函数调用超额可以轻易达到$500-1,000/月。Vercel的支出上限（在2025年底引入）有助于防止账单冲击，但你需要主动设置它们。

Cloudflare Pages真的免费用于生产吗？ 免费层对小型生产网站来说真的可用——无限带宽是真实的。然而，你被限制为每天100K Workers请求、每月500个构建分钟和一次一个构建。对于任何有团队的认真生产网站，$20/月Pro计划是实用最小值。它仍然比替代品便宜得多。

我可以在Cloudflare Pages上使用Next.js吗？ 是的，但有注意事项。@cloudflare/next-on-pages包和更新的OpenNext适配器都工作，但你会遇到限制。某些Next.js功能如原生next/image优化需要变通方法，Workers运行时不支持所有Node.js API。App Router工作，但我建议在提交前彻底测试你的特定模式。为了完整的Next.js兼容性，Vercel仍然是最小阻力的路径。

为什么我的Vercel账单比预期高？ 最常见的原因是：中间件在每个请求上运行（检查你的匹配器模式）、ISR/SSR页面生成比预期更多函数调用（每个并行数据获取可以是一个单独的调用）、预览部署消耗资源，以及有许多独特图像的网站的图像优化费用。启用Vercel的使用仪表板并每周检查直到你理解你的消费模式。

2026年Netlify比Vercel便宜吗？ 在基础计划级别，它们几乎相同（$19 vs $20每成员）。他们的差异是超额：Netlify为额外带宽按100 GB $55 vs Vercel的$40。Netlify的无服务器函数超额也略微昂贵。然而，Netlify在付费计划上包含无限边缘函数，如果你的架构是边缘密集的可以抵消成本。对于大多数标准网络项目，Vercel最终略微便宜。

这些平台中有任何提供支出上限或计费警报吗？ Vercel在2025年的Pro计划上引入了支出上限——你可以设置硬限制，当你达到它时你的网站将继续提供缓存内容。Netlify提供支出通知但不是Pro上的硬上限。Cloudflare的模型大部分是固定费率，使超额问题较少，但他们对Workers使用提供计费警报。无论如何，总是设置警报。

无头CMS网站的最佳平台是什么？ 这取决于框架。对于Next.js与无头CMS（Sanity、Contentful、Storyblok），Vercel提供最平滑的体验，具有按需ISR和草稿模式等功能。对于基于Astro的无头CMS网站，Cloudflare Pages以不到成本一小部分给你无信的性能。CMS选择本身很少规定平台——正是前端框架很重要。

我应该使用Vercel Enterprise还是探索替代品？ 如果你的Vercel Pro账单持续超过$800/月，值得进行Enterprise对话——不一定因为它更便宜，而是因为你获得SLA保证、DDoS保护和专属支持工程师。或者，在那个支出级别，在Cloudflare Workers上迁移动态工作负载，同时在任何CDN上保持你的静态资产可以削减60-70%的成本。我们对几个客户做过这个迁移，这没有看起来那么痛苦。