Bolt.new:48小时的疯狂实验如何改变前端开发
2024年,StackBlitz 花了三年开发浏览器内 Node.js 运行环境,然后用三个月把这项技术和大模型结合,做出了 Bolt.new——一个能在浏览器里直接生成并运行完整应用的工具。
Bolt.new:48小时的疯狂实验如何改变前端开发
2024年3月,StackBlitz 的 CEO Eric Simons 在工程师的周例会上提出了一个他自己也不确定能否实现的问题:“我们有 WebContainer,有大模型 API,如果把这两个东西结合起来,能做到什么程度?”
这不是一个来自梦境的灵感,而是一个经过三年技术积累之后,自然而然产生的问题。
WebContainer 是 StackBlitz 从 2019 年开始投入大量资源开发的核心技术:一个能在浏览器里运行完整 Node.js 环境的虚拟化系统。这在技术上极为困难——浏览器天然不是为运行服务器端代码设计的,而 WebContainer 用 WebAssembly 和浏览器的 Service Worker API,绕过了操作系统层,直接在浏览器的沙盒环境里实现了一个完整的 Unix-like 文件系统和 Node.js 运行时。
三年、大量工程资源、一个不能用于除在线 IDE 之外任何场景的技术——直到大模型 API 开始普及的2024年,这个组合的价值才变得清晰。
WebContainer + 大模型 = 什么?
Simons 的问题在技术上需要三个月才有了答案,但核心洞见在提问后的那个周末就已经有了原型。
工程师们发现,这个组合解决了 AI 代码生成领域一个被长期忽视的问题:代码生成出来了,然后呢?
当时市面上的 AI 代码工具——Copilot、ChatGPT、Claude——都能生成质量不错的代码,但用户需要把这段代码复制到本地,配置开发环境,安装依赖,才能真正运行起来。对于有经验的开发者,这是几分钟的工作;对于不太熟悉前端开发的人,这是一道难以逾越的门槛。
WebContainer 的存在让 StackBlitz 能够做到竞争对手做不到的事:AI 生成代码,立即在浏览器里运行,用户不需要安装任何东西,不需要配置任何环境,打开网页就能看到一个运行中的应用。
这个”生成即运行”的能力,是 Bolt.new 最核心的技术差异化。
三个月原型冲刺
2024年4月到6月,Bolt.new 团队进入了密集的原型迭代阶段。
最关键的工程挑战不是 AI 代码生成本身(这可以调用 Anthropic 或 OpenAI 的 API),而是如何让 AI 生成的代码在 WebContainer 里可靠地运行。
问题比想象中复杂。AI 生成的代码有时候会引入不存在的 npm 包,有时候会使用错误的 Node.js API,有时候生成的 package.json 有依赖版本冲突。在正常的本地开发环境里,这些问题会产生错误信息,有经验的开发者能够排查解决。但在 Bolt.new 的使用场景里,目标用户很多是不太懂开发的人,他们需要看到一个直接能跑的应用,而不是需要调试的代码。
解决方案是构建一个”AI 自修复”循环:当生成的代码运行出错时,WebContainer 里的错误信息被自动传回给 AI,AI 分析错误原因,生成修复代码,再次运行,直到应用成功启动。这个循环通常需要0到3次迭代,而且对用户透明——用户看到的是一个带有进度指示器的”正在构建”过程,而不是一堆错误信息。
这个自修复机制是 Bolt.new 产品体验的核心。它的实现需要精确设计提示词、管理 token 预算,以及对 WebContainer 错误类型的深入理解——这些都是 StackBlitz 三年技术积累的直接应用。
2024年9月:发布与爆发
Bolt.new 正式发布于2024年9月。
发布前,团队在内部测试了一个衡量标准:一个没有编程经验的人,能不能用 Bolt.new 在10分钟内做出一个真实可用的应用?如果做不到,还不够好。
发布当天,第一批外部用户的反应印证了这个标准的重要性。在 Twitter 上,有人发布了一段屏幕录像:一个后端开发者,面对”给老婆的花店做个订单管理系统”这个需求,输入了一段自然语言描述,然后看着 Bolt.new 在大约8分钟内构建出了一个包含商品列表、购物车、订单记录的完整应用。他没有写一行代码,这个应用可以直接部署。
这个视频被转发了数千次,成为 Bolt.new 发布初期最有力的用户获取工具。
但驱动持续增长的不是这类病毒视频,而是更底层的用户行为:Bolt.new 的用户留存率异常高,因为人们发现它对于”快速验证想法”这个场景几乎无可替代。想验证一个产品想法?打开 Bolt.new,20分钟后你有一个可以给潜在用户演示的原型。想学习一个新的框架?让 Bolt.new 生成一个示例应用,然后在可运行的代码里阅读和修改,比看文档高效得多。
到2024年12月,Bolt.new 的月活用户突破100万。这是从发布到100万月活用户用时最短的开发者工具之一。
技术壁垒与后来者
Bolt.new 的快速成功,也迅速吸引了大量跟随者:Cursor 增加了类似功能,Replit 推出了 AI 应用生成,连 GitHub 也在 Copilot Workspace 里加入了从需求到代码的生成流程。
但这些工具都缺少一个东西:WebContainer。
在没有 WebContainer 的情况下,AI 代码生成工具要么需要连接到云端虚拟机(延迟高、成本高),要么需要用户在本地运行代码(门槛高)。Bolt.new 在浏览器里直接运行的能力,是其他工具在短期内难以复制的。
Anthropic 的 Claude 和 OpenAI 都在2024年发布了具有类似生成能力的工具,但它们都没有 WebContainer 这层。StackBlitz 申请了多项与 WebContainer 相关的专利,这些专利构成了 Bolt.new 在竞争中的技术护城河。
“我们在消除编程门槛”
2024年底,Simons 在一次内部全员会议上总结了 Bolt.new 的意义:不是一个更快的代码生成工具,而是一个让”有想法但不会写代码”的人可以真正创造软件产品的工具。
这个定位的市场规模,要比”让开发者更高效”大得多。“开发者更高效”的市场是约2000万人;“让任何有想法的人都能构建应用”的市场,理论上是每一个需要数字工具的人。
但也正是这个定位,带来了最大的挑战:如何让一个本质上复杂的过程(构建一个可运行的应用),对一个完全没有技术背景的人来说足够简单?Bolt.new 2024年的数据显示,非技术背景用户的使用比例约占30%,这个数字还有很大的增长空间。
从三年的 WebContainer 研发,到三个月的 Bolt.new 原型,到发布后三个月内的100万月活,这是一个关于技术积累如何在正确的时机释放价值的故事。有时候,最重要的投资不是眼前的产品,而是那些在当下看起来太超前、却在某个未来时刻突然变得不可或缺的基础技术。
“让每个有想法的人,都能实现它。这就是全部。” —— Eric Simons