在瞬息万变的互联网时代,企业的网络表现已成为成败的关键。用户的注意力越来越短暂,而竞争愈发激烈——全球十亿网站争夺用户的眼球,留给每个页面的时间平均只有 52 秒。在这种环境下,前端开发的效率、灵活性和卓越的用户体验,成为企业脱颖而出的关键因素。
如今,全球知名企业如 Walmart、Apple、Nike、Netflix、TikTok、Uber、Lyft 和 Starbucks 等,背后都有 Vercel 的技术支持。作为开源框架 Next.js 的创建者和领先的前端云服务商,Vercel 站在技术革新的前沿。随着人工智能(AI)的快速发展,Vercel 正通过简化构建和部署流程、提供强大的 AI 开发支持,推动更智能、更高效的网络应用开发,重新定义现代开发者与技术的互动方式。
Vercel 正在云端开发领域占据领先地位,提供一个专注于构建、预览和部署用户端应用的平台。根据硅谷科技评论(SVTR)AI数据库,Vercel作为AI编程领域的核心玩家,以5.63亿美元的融资额,在一众AI编程初创公司中特别显眼。
Vercel 的创始人 Guillermo Rauch 设想 Vercel 成为一个“端到端的平台”,覆盖从创意、生产到收集分析数据,再到推动持续改进的每个阶段。这一理念契合了当前以前端为中心的开发趋势,为各行业的企业提供工具,帮助它们打造和维护现代化、高性能的网站。
创立故事
Vercel成立于2015年,由Guillermo Rauch(CEO)、Tony Kovanen(前首席技术官)和Naoyuki Kanezawa共同创立。公司最初名为Zeit,直到2020年4月更名为Vercel。在创立Vercel之前,Rauch和Kovanen共同开发了Next.js,这是一个用于构建静态和动态网站的开源网页开发框架。在创立 Vercel 之前,Guillermo 曾是 LearnBoost 和 Cloudup 的联合创始人兼首席技术官,两家公司于 2013 年被 Automattic 收购。
Guillermo Rauch 从小在阿根廷布宜诺斯艾利斯的郊区长大,七岁时,他在父亲带回家的电脑上启动了 Windows 95,从此对计算机产生了浓厚的兴趣。Rauch 十几岁时开始自学代码,成为开源项目 MooTools 的核心开发者。他从高中辍学,最终搬到了旧金山,开始了他的第一份全职软件工程师工作——当时他只有18岁。
他虽然没有上过大学,但他凭借独特的自学方法,取得了卓越的成就。他通过互联网学习了几乎所有技能,尤其是在英语和编程领域。他通过阅读大量英文文档自学英语,而编程则依赖于正确的工具和即时反馈来掌握。
退学后,Guillermo 开发了广受欢迎的开源框架 Socket.IO,这是 GitHub 上最受欢迎的 JavaScript 项目之一。微软在开发 Office 365 和 Live 时选择使用这个框架来构建实时后端。2012 年,他出版了《Smashing Node.js》,这本书迅速成为 Node.js 的畅销书。
Guillermo 的声誉让他受邀在全球各地的技术会议上发表演讲,例如 O'Reilly OSCON、QCon 和 NDC。此外,他还积极投身开源事业,担任斯坦福大学组织的开源工程课程导师,向来自哈佛、麻省理工、卡内基梅隆等顶尖高校的学生传授经验。Rauch认为,
“开源最终指引我离开阿根廷,踏上成功之路。”
Rauch在2006年搬到旧金山时,云计算刚刚起步,亚马逊云服务(AWS)推出了首款产品,为全球开发者提供了更快捷的Web应用部署方式。然而,尽管AWS承诺简化硬件管理,实际操作起来依然复杂,这让Rauch感到沮丧,尽管他是技术专家。他意识到,虽然云计算的概念很先进,但实现起来并不容易。
2010年,Rauch创立了Cloudup,这是他首次创业的尝试。Cloudup的核心功能是通过简单的拖放操作立即生成共享链接,这启发了Rauch对简化Web应用托管的构想。Cloudup的成功让WordPress母公司Automattic在产品正式发布前便将其收购。
Rauch加入WordPress后,发现云计算的局限性依然存在,尤其是单体架构的复杂性限制了开发者的灵活性。当时整个行业都在转向微服务和模块化系统,这促使Rauch重新思考如何实现更高效的开发环境。2014年,他提出了七项原则,奠定了Next.js和Vercel的基础。
2015年,Rauch离开WordPress,成立了ZEIT(后更名为Vercel),开始构建简化云计算的方案。他的目标是提供一个专注于前端的部署平台,解决云计算过于复杂的问题。在开发过程中,他发现React虽优秀,但缺乏一个高效的展示框架,于是他开发了Next.js。
2016年,Rauch发布了Next.js,并迅速赢得开发者的青睐。Next.js通过服务器端渲染的方式提升了性能,尽管当时主流是客户端渲染,Rauch坚信这一方向正确。他的信心源于对亚马逊、谷歌和Facebook的深入研究,证明大型公司使用类似架构以保证性能和隐私。
Rauch不希望限制Next.js用户,因而他采用了全新的开源策略。Next.js保持开源,而Vercel作为付费托管平台,帮助企业外包复杂的基础设施维护。这样,公司既能享受开源的灵活性,又能通过Vercel获得优化的部署体验。
公司产品
Vercel 基于几项关键技术构建,这些技术正在改变网页应用的开发方式,包括 JAMstack、边缘计算和无服务器架构。JAMstack(JavaScript、API 和 Markup)旨在通过无服务器解决方案,使网站速度更快、更安全、更易于扩展。无服务器设计允许开发者在不管理底层服务器的情况下构建和运行网页应用,从而简化开发流程。
传统的网页开发过程包括多个阶段——研究、设计、内容创建、开发、测试、质量保证、上线和维护。这一流程通常需要12到28周,尤其对于大型网站,要求的时间甚至更长。
每个网站都由前端和后端组成。前端负责用户交互,而后端负责核心功能,如数据存储、逻辑、API 和数据库管理。Vercel 的平台旨在提供端到端支持,虽然主要专注于前端基础设施,但也涵盖了关键的后端功能。Vercel 的产品栈使开发者能够高效处理从开发、预览到部署的整个网页应用生命周期。
AI
Vercel 提供了一系列工具,用于部署与各种框架兼容的 AI 应用程序,这些框架包括 React、Next.js、Vue、Nuxt 和 SvelteKit。
Vercel 的 AI SDK 分为两个核心部分:UI 和核心模块。UI 模块提供与框架无关的 hooks,用于实现聊天、自动补全和助手功能,开发者只需编写少量代码即可构建功能性聊天机器人。
2024年5月,Vercel 收购了 ModelFusion.dev,随即推出了 AI SDK 3.1,进一步扩展了 SDK 的能力。这次更新侧重于核心模块,Vercel 将其视为 SDK 的核心支柱,通过统一的 API 抽象不同 AI 提供商之间的复杂性。该工具包支持多个 AI 提供商,包括 OpenAI、Anthropic、Hugging Face、Azure、Amazon Bedrock、Google、Mistral、Groq、Perplexity、Fireworks、Cohere、LLama 和 Ollama。所有支持的模型都可以在其 AI Playground 中使用,开发者可以在该平台上比较不同模型在特定任务上的表现。通过在 API 中更改一行代码,开发者即可在 Vercel 的 AI SDK 中切换 AI 提供商。
Previews
Vercel Previews 是一个协作开发和部署平台,旨在简化代码变更的推送、审核和迭代流程,为生产部署做好准备。这个平台整合了开发工作流中各种关键工具和功能,成为开发者的指挥中心。
Vercel Previews 支持与主流版本控制系统集成,如 GitHub、Bitbucket、GitLab 和 Azure DevOps,并提供命令行界面(CLI)以便直接交互。当开发者将代码推送到连接的代码库时,Vercel 会自动生成预览部署,结合预备环境设置,提供代码更改的即时、实时预览。这支持迭代开发方法,使团队能够轻松频繁地推送和测试小幅更新。
为了增强对新功能发布的控制,Vercel Previews 支持通过功能开关(feature flags)进行渐进式发布和 A/B 测试。如果出现问题,平台提供快速回滚功能,可以立即恢复到之前的稳定版本,减少开发流程中的潜在中断。借助边缘计算技术,Vercel 为全球用户提供低延迟的预览访问体验。
平台的一大亮点是其双向同步功能,允许在预览环境中所做的修改(包括对 CMS 内容的更改)自动推回主代码库,确保所有变更都记录在版本控制系统中。这使得代码和内容在整个开发周期中都保持单一的事实来源,确保项目一致性。
Rendering
2023年5月,Vercel 扩展了其产品,推出了后端服务,为客户提供基于无服务器架构的网页应用基础设施。该架构能够自动检测并优化超过40种框架的部署,包括 JavaScript、TypeScript、Tango、Elixir 和 Go 等流行选择。Vercel 在全球18个地区管理计算资源,确保高效分配。
为提升性能,Vercel 在超大规模基础设施之上构建了自主内容分发网络(CDN)。这一专有 CDN 与 Vercel 的路由和调度逻辑紧密结合,特别针对 Next.js 框架进行了优化。平台提供灵活的部署选项,允许用户同时部署多个版本的网站,并在运行时智能地将用户路由到正确的版本。
Vercel Rendering 提供一个隔离的桥梁,连接到本地后端或服务,帮助客户在利用 Vercel 全球部署能力的同时,安全集成现有基础设施。通过其无服务器解决方案,开发者可以专注于应用的构建,而 Vercel 负责处理部署、扩展和全球分发的复杂性。
Observability
2022年10月,Vercel 宣布收购了 Splitbee,这是一款分析和转化工具,帮助客户更好地了解用户在其网站上的体验。Splitbee 的功能被整合进 Vercel 的可观测性(Observability)仪表盘,通过域名收集第一方数据,有效绕过广告拦截器,让开发者更清晰地了解受众行为。
Vercel 的仪表盘是实时基础设施和流量洞察的中心,开发者可以通过该平台检测和诊断应用问题,分析性能指标,并运行查询。它提供用于诊断、性能优化、带宽分析和机器人检测的洞察,并集中管理 Vercel 基础设施在各个环境中生成的运行时日志,从而提供应用性能的全局视图。
为了满足不同用户的需求,Vercel 还实现了与第三方系统的分析集成,允许数据发送到外部平台进行更深入的分析、告警和无缝的监控集成。这种灵活性让团队能够保持现有的工作流程,同时享受 Vercel 平台的原生功能带来的优势。
通过整合这些关键功能,Vercel 旨在减少开发者管理多个工具和平台的复杂性,使他们能更专注于创新,而非繁重的运营工作。
Next.js
作为原生支持 Next.js 的平台,Vercel 为 Next.js 和 React 应用提供开箱即用的支持,无需额外配置。这一深度集成构成了 Vercel 的 DX 平台基础,专为提升前端开发者的效率而设计,帮助他们更快地构建高效的用户界面。Vercel 的 Next.js 集成包含一系列工具和优化,简化了从代码创建到部署的整个开发流程。
Vercel 平台的核心在于 Next.js 的路由机制。Next.js 通过文件系统创建路由,简化了开发过程,同时支持高级路由模式和 UI 布局。这种系统提升了开发者的工作效率,促进了更好的代码组织,使应用程序更加易于维护和扩展。此外,Next.js 允许开发者直接在 Vercel 应用中构建 API,省去了使用独立 API 服务的麻烦。
Vercel 平台还通过支持服务器端渲染(SSR)来提升性能,这使页面首次加载速度更快。
对于零售、消费品、媒体和博客等内容密集型网站,Vercel 的静态网站生成(SSG)提供了显著优势。通过预渲染页面、自动缓存并将其分发到 Vercel 的边缘网络,SSG 提高了性能和搜索引擎优化(SEO),特别适合那些拥有大量静态内容且更新频率较低的网站。
为了在不牺牲静态生成优势的情况下实现动态内容更新,Vercel 的 Next.js 平台还支持增量静态生成(ISR)。ISR 允许网站从内容管理系统(CMS)更新内容,而无需重新部署整个网站。它在静态生成的高性能和动态内容的灵活性之间取得了平衡,使网站在保持快速加载速度和 SEO 优势的同时,能够保持内容的最新和相关性。
Security
Vercel 提供一套全面的安全解决方案,专为保护部署在其平台上的应用程序而设计。通过获得 ISO 27001、SOC 2、PCI DSS、HIPAA、GDPR 和 DPF 六项认证,Vercel 展示了其在多个行业和监管框架下维持高标准的承诺。
Vercel 安全套件的核心是其 DDoS 缓解系统,由 Vercel 防火墙驱动。该系统具备实时威胁监控、API 请求频率控制,以及一个定制规则引擎,用于创建个性化的安全策略。防火墙规则的更改可在 300 毫秒内部署到 Vercel 的全球网络,确保对新兴威胁做出快速响应。
对于企业客户,Vercel 提供 OWASP Top 10 防护的托管规则集,防止常见的网页应用安全风险。Vercel 的安全措施在边缘网络上实施,既能抵御威胁,又不会给应用带来额外的延迟。平台还提供私有和专属环境,通过资源和数据的隔离来提升安全性。此外,Vercel 实施了自动故障转移机制,在发生故障时自动将流量路由到最近的可用区域,确保持续运营。同时,静态资源在全球网络中复制和缓存,进一步提升了网站的正常运行时间和可用性。
Vercel 的安全产品还扩展到代码管理领域,允许设置代码所有者,确保只有指定人员可以审核和批准代码库中特定部分的更改。这解决了从网络层攻击到代码层漏洞以及访问控制的安全问题。通过基于边缘的安全功能实现,Vercel 在保持最佳性能的同时,提供强大的威胁缓解能力。
Turbo
Turbo,是由 Vercel 于 2021 年收购 Turborepo 后推出的协作开发环境,专为优化 monorepo(单一代码库)开发流程而设计。它帮助团队在一个包含多个项目或应用的代码库中工作,解决了 monorepo 结构带来的独特挑战。
Turbo 的核心功能是其项目分析系统,它通过自动分析项目间的依赖关系,确定正确的构建顺序,从一开始就优化了开发工作流。Vercel 还增强了这一功能,支持并行执行,允许多个构建任务同时运行,提高了效率。
Turbo 的一个关键特点是其远程缓存功能。该系统自动共享构建生成的工件,减少重复劳动。当开发人员完成构建时,Turbo 会将生成的工件存储在远程缓存中,其他团队成员随后可以从缓存中检索这些工件,而不必重新构建,从而节省时间并提高整个团队的效率。
为帮助团队量化 Turbo 的优势,Vercel 提供了性能追踪工具。这些分析工具提供关于节省时间、缓存性能和构建速度改进的洞察,帮助团队持续优化开发流程。
作为 Vercel 生态系统的一部分,Turbo 与其他 Vercel 产品和服务无缝集成。使用 Turbo 构建的项目可以直接部署到 Vercel 的托管平台,无需额外配置。同时,Vercel 的全球边缘网络能够自动缓存和分发 Turbo 构建的静态资源,进一步简化了从开发到生产的过程。
v0
Vercel 的 v0 是一个生成式 UI 设计工具,它可以将文本提示或图像转化为功能性 React 组件,使用 Tailwind CSS 进行样式设计,并通过客户端 JavaScript 赋予这些组件互动功能。该工具旨在简化用户界面创建过程,通过 AI 生成开发者可以直接使用的代码,尤其适用于原型设计、设计灵感获取、代码生成和学习。
v0 的核心功能是允许用户输入描述所需 UI 组件的提示,或上传图像作为参考。系统基于这些输入生成三种不同的 UI 设计方案,用户可以从中选择具体的部分进行精确调整,并通过 v0 的聊天功能进一步修改设计。聊天功能还支持调试、解答开发问题,以及根据需求生成更多代码。
此外,v0 还提供一个社区驱动的功能,用户可以浏览其他用户生成的 UI 组件。这种共享资源的方式为用户提供灵感,并通过利用现有的设计理念来加速设计流程。
Vercel 强调 v0 的 AI 模型是基于团队自编代码、开源数据集和合成数据进行训练的,明确表示不会使用任何 Vercel 客户的数据或代码来训练、改进或微调。
Enterprise
Vercel Enterprise 旨在帮助大型组织专注于发布新功能,而无需管理复杂的基础设施。它与客户现有的 Git 工作流集成,并能根据流量自动扩展,使公司在无需完整的全栈团队的情况下,最大化其网页开发能力。
通过抽象掉基础设施管理的复杂性,Vercel 让开发者可以轻松使用最新的网页技术。该平台支持与现代框架、无头 CMS 系统和无服务器数据库的轻松集成,提供了灵活的开发环境。
Vercel Enterprise 还为非技术用户(如市场内容创建者)提供了便利,使他们能够直接参与网页项目,而无需依赖工程团队的资源。
市场格局
公司客户
Vercel 为从事前端开发的开发者、代理机构、中小企业 (SMBs) 和大型企业提供产品。根据一名前员工的说法,2023 年 Vercel 将销售重点从个人开发者和工程主管转向了更高层的部门负责人,如 CTO、CIO 和 CMO,这是由于经济收缩所致。Vercel 简化了部署流程,尤其关注 JavaScript 和 TypeScript 生态系统内的客户群体。
在大型企业方面,Vercel 为 Walmart、Apple、Nike、Netflix、TikTok、Uber、Lyft 和 Starbucks 等公司的网站提供支持。该平台服务于商业零售、消费品 (CPG)、在线零售、媒体和品牌内容等多个行业的企业。
市场规模
全球公共云服务市场预计在2024年将达到8050亿美元,并在2028年实现规模翻倍,五年复合年增长率(CAGR)为19.4%。在2024年,银行、软件和信息服务以及零售业是三大最大的行业,预计它们将在公共云服务上的支出达到1900亿美元。
平台即服务(PaaS)和基础设施即服务(IaaS)各占2024年公共云支出的近20%。PaaS 被认为是增长最快的类别,数据管理软件居于领先地位。尤其是 PaaS 中的人工智能平台预计将以51.1%的五年复合增长率成为增长最快的部分。
与 Vercel 产品紧密相关的无服务器市场,作为云服务的一个细分市场,预计到2028年将达到360亿美元的规模。
竞争对手
前端开发者可以利用多种工具来创建网站,具体选择取决于项目的复杂性和需求。对于需要简单增量更新的静态网站,像 Webflow 和 Squarespace 这样的无代码网站构建器通常是首选,因为它们让非开发者也能轻松创建网站。然而,对于更复杂的动态应用程序,开发者需要更紧密地管理扩展性、性能和更新,此时前端平台成为更为合适的选择。整体来看,市场可以大致分为三类解决方案:前端为中心的部署、传统部署 和 混合部署。
前端为中心的部署
Netlify
成立于2014年,是一个云平台,专注于简化现代网页项目的构建、部署和管理流程。截至2024年9月,Netlify 已通过七轮融资筹集了2.121亿美元,并在2021年获得20亿美元估值,投资方包括 Kleiner Perkins、Bessemer Venture Partners、a16z 和 HubSpot Ventures。Netlify 提供持续部署、无服务器功能以及全球内容分发网络等工具,以框架无关的方式为更广泛的市场提供服务,既面向传统开发者,也逐渐吸引了更多非开发者用户。该公司还通过收购 Stackbit 和部分 Gatsby 资产来增强其产品功能。
Cloudflare
成立于2009年,主要以其内容分发网络(CDN)服务闻名,但通过 Cloudflare Pages 扩展到网页开发领域。作为一家上市公司,Cloudflare 在2023年的营收达到13亿美元。Cloudflare 在 WebAssembly(Wasm)部署方面具有优势,允许使用多种编程语言进行边缘环境优化的应用程序部署。虽然 Vercel 使用 Cloudflare 处理其边缘功能,但 Cloudflare 自身的服务在无服务器和边缘计算领域与 Vercel 形成了直接竞争。
传统部署
Heroku
成立于2007年,并于2011年被 Salesforce 以2.12亿美元收购,是平台即服务(PaaS)领域的先驱。Heroku 提供一个完全托管的基于容器的环境,支持多种编程语言,开发者可以专注于编写代码而无需管理基础设施。Heroku 主要侧重于后端服务,而 Vercel 专注于前端和无服务器部署。
AWS ECS(Amazon Elastic Container Service):
2014年由亚马逊推出,是一个完全托管的容器编排服务,用于在 AWS 上轻松部署、管理和扩展容器化应用。虽然 ECS 提供了更细致的控制和与其他 AWS 服务的深度集成,但它缺乏 Vercel 在前端和无服务器部署方面提供的简化开发体验。
混合部署
Fly.io
成立于2017年,提供了一种介于传统 PaaS 和前端平台之间的混合解决方案。截至2024年9月,Fly.io 已通过五轮融资筹集了1.15亿美元,并在2023年获得4.5亿美元估值。
Fly.io 允许开发者在全球范围内部署应用,而无需管理复杂的基础设施。它的全球数据中心网络支持低延迟性能和跨区域的轻松扩展,这使其与 Vercel 主要专注于前端和无服务器部署有所区别。
生成式用户界面
Figma
2012年成立的设计公司,Figma 在生成式 UI 设计方面取得了进展。到2024年6月,Figma 的 AI 工具能够根据文本提示生成 UI 布局和设计原型,在前端设计过程中形成与 Vercel 的 v0 工具的竞争。Vercel 的 v0 同样利用 AI 从提示生成前端组件。
商业模式
Vercel采用免费增值和开源的商业模式,通过为前端应用提供托管的无服务器平台进行变现。其产品主要分为三个类别:
Hobby:Vercel 的开源软件 “Hobby” 是一款免费的产品,主要用于吸引客户测试平台,作为用户获取的入口。
Pro:这是 Vercel 的核心产品,按每用户每月 $20 订阅,适合中小型团队和开发者。
Enterprise:面向大型企业的定制解决方案,具体定价未公开。该计划提供更多的网络安全功能和更高级的速度优化。
这种定价结构支持“先落地再扩展”的产品驱动增长(PLG)战略,大部分销售来自主动联系的潜在客户。据一名前员工透露,Vercel 的利润率大约为70%。
除了核心平台外,Vercel 还推出了 v0,一款基于 AI 的开发工具,采用类似的免费增值模式:
- 免费版:用户可以使用有限的生成次数来体验该工具。
- Premium:每月 $20,用户可以选择购买额外的生成次数。
- Enterprise:根据使用情况提供定制定价。
值得注意的是,v0 的 Premium 计划独立于 Vercel 的 Pro 计划。例如,一个用户如果同时订阅了 Vercel Pro 团队(一个成员 $20)和 v0 Premium 计划($20),每月总费用将为 $40。
重大进展
在2023年6月的一次采访中,Guillermo Rauch 透露,Vercel 的收入从2019年的100万美元增长到2020年的500万美元。到2023年6月,公司实现了5000万美元的收入。到2024年3月,Vercel 的年经常性收入(ARR)突破了1亿美元。
在2021年6月宣布其C轮融资时,Vercel 的网络上所有网站和应用的流量增长显著,与2020年10月相比,几乎翻了一番。从2020年到2021年,全球排名前10,000个网站中使用 Next.js 的站点数量增长了50%。
由于 Vercel 负责管理 Next.js 框架,随着更多开发者使用 Next.js,Vercel 也随之增长。到2024年5月,每月超过100万名软件开发者使用其 Next.js 技术。同时,Vercel 的免费增值模式在2024年每月吸引了约10万新用户注册。
从2020年4月到2023年5月,使用 Next.js 的网站数量从 35,000 增长至 400万,包括 Walmart、Apple、Nike、Netflix、TikTok、Uber、Lyft 和 Starbucks 等知名企业的网站。到2023年6月,Vercel 的技术每周下载量达到 2亿次,每周管理的请求量高达 300亿次。同时,Vercel 还与多家无服务器和数字体验领域的领导者建立了合作伙伴关系,如 Neon 和 Sitecore。
此外,Vercel 的 AI 驱动设计工具 v0 在推出后八个月内,已被用于生成 300万个独特的用户界面。
公司估值
2024年5月,Vercel 完成了由 Accel 领投的2.5亿美元 E 轮融资,Tiger Global Management 和 Google Ventures 也参与了本轮融资,Vercel 的估值达到33亿美元。这使得 Vercel 的总融资额达到5.63亿美元。此前的投资者包括 Bedrock、Greenoaks、Tiger Global、8VC 以及一些知名个人投资者,如 GitHub CEO Nat Friedman、React 创始人 Jordan Walke 和 Auth0 创始人兼 CTO Matias Woloski。截至2024年9月,Vercel 在二级市场上的估值已小幅上涨至34亿美元。
Key Opportunities
扩展的基础设施产品套件
2023年5月,Vercel 宣布推出 Vercel Firewall 和 Vercel Secure Compute,以增强平台在客户网站安全方面的能力。同样,在2023年10月,Vercel 推出了一个支出管理产品,帮助开发者跟踪他们在基础设施上的支出。虽然 Vercel 提供的无服务器基础设施能够根据应用需求自动扩展,但这种灵活性有时可能导致客户预算超支。新增的支出管理功能让客户能够更好地控制其基础设施使用和成本。
这些额外的安全和成本管理功能,使 Vercel 能够构建更全面的基础设施产品套件。随着网络开发越来越注重可扩展性、性能和跨平台支持,整合尽可能多的基础设施到一个平台的能力为 Vercel 提供了重要的发展机会。
无服务器计算
Vercel 的 CEO Guillermo Rauch 通过转向无服务器计算简化了开发者的工作,消除了管理服务器的复杂性。无服务器架构让开发者无需管理服务器即可构建和运行代码,并且仅为实际使用的云资源付费,避免了闲置基础设施的费用。除了节省成本外,与传统的平台即服务 (PaaS) 相比,无服务器架构还能更轻松地扩展应用程序,而无需开发者做额外配置。亚马逊 AWS Lambda、微软 Azure Functions、谷歌云(Google Cloud Functions)和 IBM Cloud Code Engine 等云服务提供商也提供类似的无服务器解决方案。
向非开发者用户扩展
Vercel 还有机会通过让平台更易于非传统开发者使用,来扩大市场份额。据一名前员工估计,到2023年,公司用户中有75%为传统开发者,25%为非开发者。通过继续开发和改进协作编辑环境及适合市场营销人员的工具,Vercel 可以吸引更多非技术用户,从而扩大其总可寻址市场。这一转变与行业趋势一致,竞争对手如 Netlify 也在向这一方向发展。Vercel 通过其协作编辑环境和 v0 工具的早期布局,已经在这一领域占据了有利位置。
以设计为中心的策略
Vercel 非常注重设计,设有三个不同的设计团队:品牌创意团队、产品设计团队和设计工程团队。这一策略为 Vercel 提供了市场差异化的机会。通过将设计视为关键资源,Vercel 能够创建更直观、视觉上更具吸引力的产品,满足技术和非技术用户的需求。这种以设计为中心的方式可能是吸引和留住客户的关键因素,尤其是在公司扩展至更广泛的用户群体时,那些用户往往更加重视用户体验和美学。
Key Risks
技术变革对网页开发的影响
根据 Stack Overflow 的数据,在前端框架如 React 和 Vue.js 崛起之前,Django 和 Ruby on Rails 这类全栈框架曾十分流行。React 在 2017 年因其简单性和灵活性获得了广泛欢迎。Vercel 的成长在一定程度上依赖于 React 和 Next.js 框架的普及。如果开发者开始偏好比 Next.js 更简单的替代品,这对 Vercel 来说可能是不利的。
平台即服务(PaaS)市场中的竞争
Vercel 在平台即服务(PaaS)市场面临激烈竞争,主要对手包括 Netlify。两家公司都在开发者生态系统中争夺主导地位,采用高成本的用户获取策略来抢占市场份额。然而,据一名前 Vercel 员工透露,截至 2023 年,Vercel 和 Netlify 都尚未实现盈利。随着两家公司继续发展各自的平台,Vercel 需要通过差异化自身产品,并展现清晰的盈利路径,来保持其竞争地位。
https://research.contrary.com/company/vercel?utm_source=substack&utm_medium=email
Vercel:用生成式UI重塑前端开发
AI 正在重塑软件的生产方式,而前端开发是最先可能受影响的领域:前端开发逻辑适合模板化,且开发者多、头部开发语言集中。前端的视觉属性适合用户快速表达偏好,形成数据飞轮。随着前端代码能够被实时生成,生成式 UI 能带来人机交互方式的创新,比 Chatbot 更智能的 LUI+GUI 产品交互将涌现。
Vercel V0 是目前最好的 UI 生成模型,且可控性远强于其他模态的生成模型,因为软件的可编码性让用户可以对任意一个web组件用prompt进行改写。同时他们的 AI SDK 也让前端开发者更无缝地将 LLM 能力融入产品中,打造出一个能实时生成 UI 的产品。对比其他代码模型还停留在 code autocompletion 和 demo 的状态,Vercel 团队对前端开发的深入理解和数据积累让他们能成为领军者。
Vercel() 从前端开源框架 Next.js 起家,打造了开发者口碑最佳的 frontend cloud,让用户可以快速在其平台上完成 web development 并进行部署。他们保持着 ARR 100%+ YoY 的高速增长,并且 AI-native application 的首选平台:Jasper、Scale、Anthropic 等公司的 AI 产品均使用 Next.js + Vercel 打造。由于其创始人 Guillermo Rauch 对 AI 前沿技术十分敏锐,我们相信 Vercel 能抓住 web application 文艺复兴的机会,成为新时代 AI 产品开发者的第一选择。
以下为本文目录,建议结合要点进行针对性阅读。
👇
01 前端开发与 Next.js 的发展
02 Generative UI: Gen AI x Web development
03 Frontend Cloud:最好的 AI-native 产品部署平台
04 市场与商业化
05 创始人:从开源开发者到 CEO
01.
前端开发与 Next.js 的发展
为什么关注前端市场
AGI 很可能在开发领域率先实现,因为代码比自然语言更清晰明确、是经过形式逻辑优化的语言,而且开发场景的 feedback loop 是可以由机器自己验证并迭代的,因为代码环境本身能够验证报错。
长期最值得关注的是能够把 coding + CI/CD 工作流完整自动化的 coding agent,比如最近由 Cognition Labs 发布的 Devin demo 就是一个优秀的例子。但 Devin 作为 SOTA,在没有人类干预的情况下能解决的 Github issue 比例也只有 ~13%,距离实际部署到生产环境还有一段 gap。
就像自动驾驶在 L3 的状态时,有机会的是自动驾驶卡车这样的垂直领域。而前端开发 web development 就是现阶段 coding 最值得期待的领域,这个领域有以下几个重要趋势:
1. Web 市场大,开发者渗透率高:
全球范围内有10 亿+网站,web hosting 是一个千亿美金级的市场。根据 2023 年数据市场集中度低,美国市场占了 42%,其中老牌域名托管 GoDaddy 占了 9.3%,后面两位分别是 GCP(7.03%)和 AWS(4.48%)。
除了专业前端开发者,很多独立或全站开发者都承担一定的前端工作来实现产品交互。根据 StackOverflow 2023 的统计,Javascript 和 HTML/CSS 的开发者占比 SQL 类数据库语言需求更普遍。后端语言中最火的语言的分布更为离散,使用门槛更高。
StackOverflow 2023 编程语言统计
2. 实现门槛低,适合模板化:
前端工程师的准入门槛比较低,而且其对视觉交互、 SEO 都有直接影响,会和用户留存这样的业务数据紧密挂钩。同时,与视觉元素的强相关使人类可以更快速给出 human feedback,就像 MidJourney 收集用户反馈比 ChatGPT 要容易很多。因此和设计场景的 Canva 类似,web 开发有很多可以复用的代码框架和网站搭建的模板可用。
相比之下后端开发的难度更大:简单的后端开发与运维系统已经有云厂商产品化和 commoditize 了,而复杂高阶的后端开发则涉及每家公司的核心业务逻辑, 自建是更普遍的选择。
3. Gen AI 时代会带来 web application 的文艺复兴:
互联网有着更深的知识密度,更开放的分享调用生态,web 的地位在欧美市场尤其高。这也是为什么如今 AI 浏览器、AI 搜索重新成为一个创业的热点,web 生态为 AI agent 提供了学习知识并进行 grounding 的环境。
当前 ChatGPT 这样 Chatbot 形式还比较基础,未来的 AI agent 会需要响应快的动态 UI 来给用户实时展现 agent 行为的关键过程,未来前端技术栈和 AI 前沿产品形态将一起持续演进。
Next.js:前端技术栈发展的后起之秀
前端开发的历史始于 1990 年代早期,当时的网页主要由 HTML 构成。这些网页是静态的,用户交互性极低,HTML 为网页提供了骨架。
但只有一个骨架是不够的,CSS 和 JavaScript 的引入使得网页变得更加动态和富有交互性:
• CSS 允许开发者将网页表现层(如字体、颜色、布局等)与网页内容层(HTML 语言负责)分离。
• JavaScript 则比 HTML 和 CSS 出现得更晚一些,它为网页添加了交互性,使其能够响应用户操作。
同时,随着 web 应用的复杂度增加,开始有了前端和后端的清晰分工:前端开发则专注于用户界面和用户体验,负责将后端返回的数据以视觉友好的方式展示给用户;后端开发主要关注服务器、数据库和应用程序逻辑,负责处理来自前端的请求,并返回所需的数据。这样的分工下前端开发者可以更专注地投入到用户界面和交互体验的优化中,不必同时担心服务器的性能和负载。
随着 JavaScript 成为 web 开发中最关键的编程语言,web application 的复杂度还在提高,仅使用原生 JavaScript 来管理大型项目的用户界面会变得非常困难。这就是为什么需要像 React、Vue 这样的库(library)。它们就像是搭积木的模具,有了这些模具,开发者可以更快速、更标准化地搭建出高性能的应用程序。
Javascript 已经成为 98% web application 使用的语言
其中 React 是由 Facebook 团队开发的开源 JavaScript library,用于构建用户界面,特别是单页应用程序。它的出现极大地改变了前端开发的方式,使得开发复杂的动态网页应用变得更加简单和高效。它很好地提高了 Javascript 代码的可维护性和重用性,成为 Javascript 语言使用最多的框架。
React 成为最火的 Javascript 库
而 React 也不能满足所有现在网页开发需求,在其之上有进一步优化的框架。其中 Next.js 是最近几年增长最快的框架。它的开发者就是 Vercel CEO Guillermo Rauch,一个传奇的开源开发者。Next.js 在 React 框架中的下载量远超其他框架,并且仍在稳步增长:
图中的 Gatsby 和 Remix 均为 Next 的直接竞争对手。Gatsby 是 Vercel 竞对 Netlify 收购的框架,从数据看这次收购并不成功
Next.js 的流行背后是其技术选型更适合现代 web 开发需求:
支持服务端渲染(SSR)和静态站点生成(SSG),实现更快的内容加载和更好的 SEO;
内置功能丰富,如自动代码拆分、强大的路由功能和图像优化,简化了复杂应用的开发;
优先考虑开发者体验,提供直观高效的开发流程,如 TypeScript 支持和代码热重载;
总结一下,JavaScript、React 和 Next.js 之间的关系可以概括为:JavaScript 是构建 Web 应用的基础;React 在此基础上提供了一种高效的方式来构建用户界面;而 Next.js 则在 React 的基础上增加了服务器渲染、路由处理等功能,使得构建现代 Web 应用变得更加高效和强大。
02.
Generative UI: Gen AI x Web development
自 ChatGPT 问世开始,大家对下一代人机交互的形式有很多想象,尤其是 Language UI 和 Graphic UI 结合成为了焦点话题。实现交互创新的前置条件是什么呢?
在之前的 Agent 综述文章中,我们提到过随着 coding AI 的发展,软件开发将进入一个新的自适应生产阶段(adaptive software)。就像 3D 打印技术一样,软件将根据用户的具体需求自动生成相应的UI组件。
而打造 Next.js 的 Vercel 团队打造了 V0:第一个能生成 production-ready 水平前端代码的生成模型。
Vercel V0
Vercel V0 是一个代码生成模型,能让用户生成网页 demo 和代码,代码能直接够部署成为一个基础版网页,也在其产品 demo 上进行进一步修改。每次生成之后,v0 类似 MidJourney 会给 3 个版本 AI 生成的 UI,可以选择一个进行深入编辑,甚至粘贴到自己原本的项目中进一步开发。
例如我可以先要求 V0 生成一个 Saas dashboard 布局作为底稿(V0 名字的来源,version 0),再在其基础上进行交互。demo 中的每一个组件都是可以单独点击并进行修改的,例如,下图中可以让 V0 将 logo 改成蓝色,模型就会直接进行对应组件。
V0 的使用体验充分展现了前端代码模型的可编码性,这带来了网页生成远大于图片生成的可控性。其中的每一个组件都对应着具体的几行代码,如果我们要求对某个组件进行修改的话,这几行代码就可以重新生成,并用其他代码作为上下文,保证新生成代码有着很高的可用性,能直接融入原本的代码。
这些能力已经对所有开发者开放,且已经被不少新团队用于自己的产品开发中:Ingo 使用 v0 构建了他们的简历生成器产品的第一个版本。Braintrust ,一个新的 AI 平台,使用 v0 构建了其定价页面。以下 gallery 中都是用户使用 prompt 对应生成的网页和前端组件:
对比现在的大多 coding model 不是在做 Github Copilot 那样的代码自动补全,就是仍在不可用的 demo 阶段。Vercel V0 在可用性上比其他模型强很多,其团队对前端代码的深刻理解是其中的重要原因:
• V0 模型的训练数据有三部分:团队自己积累写的 code、开源前端代码和 AI 合成数据。每次生成之后,v0 类似 MidJourney 会给3个版本 AI 生成的 UI,可以形成优秀的 RLHF 反馈闭环。
• Vercel 作为用户做网页开发的 go-to 选项,有足够多的用户web开发数据积累,有高质量模板和代码库。而且团队自己本身是设计 Next.js framework出身,有 know-how 定义什么是从语言设计出发的高质量代码。
v0 的野心是下一代用户界面的起点。Vercel 团队蓝图中的下一步有:支持自定义设计、多模态识别将图像转化为代码,以及更强的代码安全和访问控制。这些路线图很清晰,会有效地提升开发者体验。
AI SDK
AI SDK 是 Vercel 为前端开发者设计的 Model Router。它提供了一个抽象层,让开发者可以用自己熟悉的前端语言来处理数据,而不需要关心各类 LLM api 实现细节。
他们 SDK 第一批合作者接入了 Perplexity、11 Labs、Pinecone、Together 等公司。如果开发者要在 next.js 框架中使用 Perplexity API ,只需要一小段代码就可以融入前端中,输入一些基础的参数就可以产生出高质量的 streaming response 交互。这样的开发方式对于前端程序员而言更 intuitive:
而 AI SDK 3.0 是其最近的一版更新,接入了 Vercel V0 使用户可以轻松地做出带有 Generative UI 的产品。 Vercel 在这里给出了一个股票咨询助手的案例,我们以这个 demo 为例:那么当我们要求它给出苹果最近的股价并进行购买时,它就能直接给出对应的 UI,给我们展示苹果股价,并生成实时购买功能。这是一种优雅的方式实现 Language UI + Graphic UI 的结合。
目前这个产品还在 demo 阶段,而且 demo 本身展现的能力过于高频,因为股票交易是一个非常常见可复用的操作。但随着这一能力后续可用之后,可以满足很多用户使用 app 时的长尾需求,能够在一个应用中生成出新定义的小程序来满足一些 ad-hoc 需求。
这一技术有两个关键要点:
• API 设计时要以发挥 LLM 强大的 function calling 能力为出发点,让用户尽可能感受到 LLM 的全面性和智能度。
• 发挥 React Server Components 对每个模块组件进行渲染的能力,使用户进行颗粒度更细、性能更优的交互。
为达到这些目标 AI SDK 中引入了两个独立的状态:AI State 和 UI State:
AI State 是一个 JSON 格式的文字,包含了大型语言模型(LLM)需要读取的所有上下文。对于聊天应用来说,AI State 通常存储用户和助手之间的文本会话历史。还可以用来存储每条消息的创建时间等其他 metadata。AI State 可以在服务器和客户端上被访问和修改。
UI State 是应用程序用来展示 UI 的状态,它完全在客户端(类似于 React的 useState)。它可以保留 LLM 返回的数据和 UI 元素。这个状态可以是任何内容,但不能在服务器上访问。
从技术文档来看,AI SDK 的设计有效兼顾了应用开发者的性能需求和用户的数据安全需求。期待这一能力为开发者使用之后涌现出更多的 use case,来验证这一开发者接口的 PMF。
03.
Frontend Cloud:最好的 AI-native 产品部署平台
上一部分介绍了 Vercel 团队最新在 Gen AI 前沿的实践,那么他们在 Next.js 之后,Generative UI 之前所做的产品究竟是什么呢?
Vercel 把自己的主产品定义为 frontend cloud,是一个易用、且 scalable 的 web application 部署平台。其高性能建立在几个重要的技术趋势之上:JAMstack、边缘计算和 serverless 设计。尤其 Serverless 设计允许开发者在无需管理底层服务器的情况下运行和构建 Web 应用,帮助用户能够省去很多冗杂的 Infra 部署工作。
Vercel 产品根据前端工作流可以拆解为 4 个关键部分:(1) develop,(2) preview,(3) ship,(4) analytics。
• Develop: Vercel 为开发者提供了一个快速将 web application 实现的 workflow。让开发者可以从 Github 等源头导入前端项目模板,并集成 MongoDB 等外部数据源。在代码开发完成后,Vercel 还提供了从缓存到 serverless functions 的端到端测试。
• Preview: 这一部分产品可以类比为前端开发的 Figma。设计、开发和运维团队可以摆脱复杂的测试管线,在每次部署之前协作测试他们对网站的更改。Vercel 会自动生成一个可分享的实时预览站点,允许在网页 demo 在上线前进行测试,团队间互相 comment 给反馈。
• Ship: Vercel 基于对 Next.js 的原生支持, serverless 和 edge computing 的能力为开发者提供快捷的部署、稳定的性能,和对 SEO 的支持。同时他们允许在全球范围内部署网站,并在300毫秒内进行修改更新。这项功能直接和开发者/付费的 value prop 相关,后续会在 business model 处介绍。
• Analytics: 2022年10月,Vercel 宣布 收购了 Splitbee,这是一个分析和运营工具,可以了解用户的网站体验。该产品和团队被纳入 Vercel 现有的分析产品。由于 Vercel 负责管理网站,因此他们旗下的分析平台不需要第三方脚本或 cookie 跟踪。
以上这些产品让 Vercel 成为市场上开发者体验最好的 web 部署平台。不过前面提到过,web 市场集中度不高,所以 Vercel 在存量客户中并没有因为优秀的开发者体验,而成为大幅领先的第一名,而是小幅领先 Netlify、云厂商等公司。
因此抓住增量机会就至关重要。在 ChatGPT 发布一个月之后,Vercel 就开始成为 AI-native 应用开发的布道者,通过博客和模板的形式引导大家最快地使用 Vercel 来快速迭代开发 AI 应用。
而在今年初,Vercel 产品定位进一步清晰:最好的 AI 产品部署平台。由于他们出色的产品开发体验,已经有很多公司使用 Next.js + Vercel 开发了自己的主力 AI 应用:
• Scale AI 强调通过使用 Vercel 和 Next.js 让他们在团队中只有三个设计师的情况下很快地迭代和部署了自己的 Generative data engine;
• Anthropic 工程师用 Vercel + Next.js 开发了 Claude AI 的 web 产品,团队中有人是第一次开发 Next.js 代码,表示其易上手且开发体验很棒;
• Runway 称赞 Vercel 让团队加快整个产品开发周期。比如团队成员称迁移到 Vercel 后,DNS 构建从 Netlify + GitHub Pages 的 5-8 分钟缩短到 Vercel 的 40 秒;
• Jasper 用 Next.js 框架 + Vercel 部署,尤其强调网页中的 content management (posts, tweets, short stories 等)体验很好。
此外,Replicate、发布 Devin 的 Cognition 等一众 AI-native 公司都使用 Vercel 开发部署了自己的主力产品。我们有理由相信随着模型升级、应用爆发,Vercel 能成为 web development 中重要的受益者。
04.
市场与商业化
Business Model
Vercel 主产品采用 freemium 的商业模式,他们有三个主要的定价梯度:
1. Hobby: 这个方案用于吸引客户来试用平台,其 offering 对搭建比较少小流量网站的个人开发者也够用,有一定的公共品属性;
2. Pro: prosumer 用户每月20美元的订阅服务,这是他们对中小开发者的核心付费产品,按 seat 收费;
3. Enterprise: 这是为大型企业提供的定制解决方案和定价,具体价格不公开,但他们为企业提供更多网络安全功能和更快的速度。根据客户访谈,企业客户平均一年的费用在十万美金级别,最大的可以到百万美金量级。
V0 向用户全量开放后成为了单独定价的模型产品,其定价和主产品基本一致:
70% 的 Vercel 用户是 Next.js 用户。当更多开发者使用 Next.js 时,Vercel 的增长也会加速。从 2020 年 4 月到 2023 年 5 月,由 Next.js 驱动的网站数量已经从 3.5 万个增长到 400 万个,包括 Walmart, Apple, Nike, Netflix, TikTok, Uber, Lyft, Starbucks 等公司的网站。
优秀的 traction 让 Vercel 的商业化收入一直在高速增长的状态:2020 年成立的第一年,ARR 为 1mil USD;21 年达到 5 mil USD,22 年达到 25mil USD。在这一年他们以 100 倍 ARR,也就是 $2.5b 的估值进行了一轮融资。而在 2023 年,他们还是以 100%+ YoY 的高速增长,创始人在一次 23 年 6 月的访谈中公开提到他们的 ARR 已经达到 $ 50+ mil。
用户画像与市场竞争
在整个 web 市场中,33% 的流量集中在最顶尖公司产品上:Google、Meta、Amazon 等,33% 的流量集中在第 10 名-第 10000 名的腰部 web 产品,最后 33% 则是独立开发者开发的网站。
其中前十名的公司有自己非常成熟的 tech stack,完全自研;最后这部分用户很多对开发的了解甚少,可能会选择 Shopify、Squarespace 这样的网页模板产品。而 Vercel 目前客户的基本盘主要来自腰部的 web developer。
Vercel 主要的客户目前可以分为几类:
• 业余爱好者:免费用户,托管单一网站,未来可能会将其带到公司使用。
• 小型初创公司及中型公司(认为这是 customer base 的一大部分;这些公司可能拥有有限的开发团队,或只有市场营销部门)。
• 电商团队这样需要 SEO 带来转化,付费意愿强的客户在 Vercel 付费客户中占比比较大。
创业公司中 Netlify 是 Vercel 最直接的竞争对手,这是一家 2014 年成立的公司。2021年,Vercel 通过 D 轮融资筹集了 1.5 亿美元,估值达到 25 亿美元;同时,Netlify 通过 D 轮融资筹集了 1.05 亿美元,估值达到 20 亿美元,a16z 是他们的主要投资人之一,据了解,公司最新的 ARR 已经超过了 30 mil USD。
Netlify 提供的也是一个 Jamstack 开发平台,包括 Web 应用程序和动态网站的构建、部署和无服务器后端服务。但他们的产品没有 Vercel 那么 Next.js 友好,同时对 Gatsby 的收购也并不成功(伴随着 Gatsby 的 traction 逐渐下滑)。他们团队对 Gen AI 这一波 catch up 的速度就要慢不少。
而大公司中,云厂商都有 Web Development 产品。AWS Amplify 是云厂商中口碑最好的,不过用户的反映普遍是定价比较有优势,但开发者体验仍不如 Vercel。此外大家使用 ChatGPT、Perplexity 等产品时经常遇到的 Cloudflare,也从其云安全产品延伸出了 Cloudflare 这个网页开发工具,和云厂商类似的是用户选择的原因是与原本选用方案的耦合度比较深,不需要上手新平台。
05.
Guillermo Rauch:从开源开发者到 CEO
介绍到这里,Vercel 团队展现出了几个重要的特点:
• 开发 Next.js 时对前端技术的前瞻性,引领最前沿趋势;
• 对 Gen AI 前沿趋势敏锐且活跃,用新产品线抓住增量用户;
• 产品中对开发者体验的极致优化,带来优秀的用户反馈;
• 从开源到商业化的高速增长。
这背后离不开 Vercel CEO Guillermo Rauch 对产品 PMF 的持续追求、优秀的技术品味和极强的执行力。
Guillermo Rauch 在阿根廷布宜诺斯艾利斯比较落后的郊区出生长大。父亲对计算机的兴趣让 Guillermo 在 7 岁获得了自己的第一台电脑,从小种下了对编程、对开源热爱的种子。第一个任务便是父亲让他将 Windows 的系统替换成 Linux,之后便一发不可收拾地在开源社区自学编程和英语,十一二岁在开源社区成为 celebrity。后来有陌生人在网上对 Guillermo 说你可以用这方面的 expertise 建立事业,Facebook 也抛出橄榄枝想要招聘他,让他意识到自己的 passion 和事业成就是完全能够自洽的,更是从高中辍学到美国工作、创业。
这种特殊的成长经历让他天然更在意商业化和业务规模。相比很多技术小天才类型的 founder 喜欢做开源“玩具”,Guillermo 是希望让产品有更高的商业认可度的。
他创办的第一家公司 CloudUp 是一个云端文件存储与分享平台,CloudUp 其实就已经有了一部分 Vercel 的雏形,这款产品在当时的 killing feature 是拖放文件夹即可迅速创建超链接,便于在线分享文件和协作,若文件为 HTML 格式,还能获得高性能的静态网站托管。这满足了 WordPress 在实时协作的需求,于是Guillermo 将 CloudUp 卖给 WordPress 实现了第一次成功退出、并加入了 WordPress,Guillermo 在 WordPress 的两年间学到很多关于如何平衡开源项目和大规模商业运作的经验。
Guillermo 来到湾区的时间让他恰好成为 AWS 的第一批用户,他由此认识到了云服务价值,于此同时也认为其易用性很糟糕。加上 React 越来越流行,但同样难以快速上手,且开发者需要自己管理和维护服务器,他作为一个经验丰富的开发者在开发网站时也深受困扰。在市场需求端,Guillermo 也由此想到那些正在经历数字化转型的传统零售在从线下实体转型中如果要和 Amazon、 “.com” 的竞争必然面临更大的挑战。Next.js 和 ZEIT 由此应运而生,在 2020 年 A 轮融资时,公司更名为 Vercel 。
Vercel 和 Next.js 成功的背后是设计原则和工程实践的精细打磨。在正式创立 Vercel 之前,Guillermo 列出了 Web 应用开发的七项原则,底层的 philosophy 是必须 at big scale, at global scale,并且这七项原则的背后是 Guillermo 反向工程 Google、Amazon 等全球最大的网站的结果,这就为 Next.js 设定了一个很高的标准。而在发布 Next.js 之后,最重要的权衡就是如何兼具开发者体验与企业级应用的性能和可靠性。作为 dev tool,Next.js 必须提供出色的开发者体验;而作为支撑企业级应用的基础设施,它又必须兼顾业务上的高 ROI 和终端用户体验。这在当时被许多人认为是不可调和的 tradeoff。而 Guillermo 坚持在这个 spectrum 中两头都要抓,为其产品后来获得企业和开发者认同奠定基础。
在从 Next.js 开源框架专做商业化产品之后,Vercel 的高速增长获得了投资人的追捧,两年间融资 3 亿美金左右:
这一波 Gen AI 的趋势中,Guillermo 又对 Software 2.0 做了许多预言。他认为,随着 AI 技术从 paper-first 渐渐变为 product-first,软件开发也将从 backend-first 转为 frontend-first。我们非常认同这个判断,且期待看到这波机会中 Vercel 在这个千亿美金的市场中将领先的开发者 mindshare 转化为持续的产品和商业化增长。