跳到主内容
AIHO 2026 全新改版上线
TOOL · CODING #02/05AI 应用生成器
Bolt.new

Bolt.new

一句话生成全栈 Web 应用,StackBlitz 出品

app-generatorfullstackwebprototypesupabasewebcontainerstackblitz
访问官网
能力
4
易用
5
性价比
4
中文
2
稳定
4
编辑结论 综合3.8/ 5

做原型 / demo / MVP 最快的方式,没有之一。WebContainer 让所有依赖在浏览器里跑、Supabase 直连。正式产品仍需自己在本地 IDE 维护;Bolt 适合一次性生成 + 导出。

01 / 04深度解读

TL;DR

一句话: Bolt.new 是 StackBlitz 出品的「浏览器全栈 AI builder」,靠自家 WebContainers 把 Node.js 跑进浏览器,不需要本地 npm/Docker。一句话 → 全栈应用 + Supabase 后端 + 一键部署 Netlify,2 个月做到 $20M ARR。

做 MVP / demo / hackathon 没有之一最快。正式产品维护期仍需本地 IDE 接手。

它到底是个什么

Bolt.new 站在 StackBlitz 多年积累的 WebContainers 技术上——一个让 Node.js 跑在浏览器 WASM 里的 runtime。这意味着你打开 bolt.new,没有 npm install、没有 Docker、没有「works on my machine」,dev server / 包管理器 / 终端全部在浏览器里。

Bolt 在这套地基上加了 AI agent 层:你描述需求 → AI 写代码 → WebContainer 装依赖 + 跑 dev → 右边浏览器预览。整个流程是真的「想到 → 看到」的秒级反馈。

差异化定位:

  • Cursor 假设你是开发者,想要 AI 协助。
  • Lovable 假设你可能永远不看代码
  • Bolt 落在中间:能不写一行代码,但完整代码就在你眼前可改。

价格

档位价格Token 配额适合谁
Free$0每日 ~150K token探索 / 评估
Pro$20/月10M token/月个人 MVP
Pro 50$50/月26M token/月重度迭代
Pro 100$100/月55M token/月多项目并行
Pro 200$200/月120M token/月重度专业
Teams$60/用户/月起团队共享团队协作

重点提醒:复杂项目重度迭代一个 session 能烧 300K token。如果你打算用 Bolt 跑严肃 MVP,预期月度成本 $50+ 而不是 $20。

真实任务实测(基于公开素材归纳)

来源说明:以下场景为 Bolt.new 公开演示视频与第三方评测(vibecoding.app、Tool Junction)的工作流归纳。

任务 1:1 小时出一个 SaaS 原型

prompt:"做一个 todo SaaS,Supabase 后端,邮箱注册,每个用户能加/删/改/标完成"

Bolt 流程:

  1. 选技术栈(React + Vite + Tailwind)
  2. 装依赖(浏览器内 npm install,~30 秒)
  3. 写代码(auth / RLS policy / CRUD endpoints)
  4. 起 dev server 显示预览
  5. 用户在浏览器里就能注册测试

时间:~45 分钟,含手动调整 UI。

任务 2:Figma 设计稿导入

Bolt 支持 Figma URL 导入,AI 根据图层结构生成响应式组件。准确率 70% 左右,复杂动效需要手动改。

任务 3:一键部署 Netlify

完成后点 "Deploy",Bolt 直接推到 Netlify(也支持 Cloudflare Pages)。10 秒后拿到一个可访问 URL,比手动部署省半小时。

上手 5 分钟

1. 浏览器打开 https://bolt.new
2. 用 GitHub 登录
3. 输入第一个 prompt(用英文,中文 prompt 偶尔出英文 UI)
4. 等 30-60 秒看到代码生成 + 预览
5. 在 Chat 里迭代("加一个登录页"、"改成深色主题")
6. Connect Supabase(一键)/ Connect Netlify(部署)/ Push to GitHub(导出)

同类对比

维度Bolt.newLovablev0 by VercelReplit Agent
母体StackBlitz WebContainer自研(GPT Engineer 派生)Vercel + shadcn/uiReplit IDE
技术栈多框架全栈React + SupabaseReact/Next.js only50+ 语言
Runtime浏览器(WebContainer)云端云端云端
后端Supabase 一键Supabase 一键手动Replit DB / Postgres
部署Netlify / CloudflareLovable 自家VercelReplit 自家
Free 额度每日 ~150K token5 message/天$5 credit/月150K token/天
起价$20/月$20/月(Starter)$20/月(Premium)$20/月(Core)
中文部分
适合多框架全栈 prototype非技术 + Supabase MVPReact 前端组件多语言 + 移动端

避坑清单

  1. Pro $20 看上去够,实际可能 1 周烧光。重度 prompt 用户预算到 Pro 50。
  2. 复杂业务逻辑 AI 容易出错,比如多角色权限 / 复杂 reducer / 嵌套 state,需要手动接管。
  3. Supabase 生产环境另外花钱:Bolt 帮你接 Supabase,但 Supabase 自己的 Pro $25/月也躲不掉,加上 Bolt 总开销 $45+ 起。
  4. 导出代码后本地跑可能要补 .env,Bolt 浏览器内能跑不代表本地 npm install + npm run dev 直接通——尤其 Supabase key 类配置。
  5. 国内访问可能慢,CDN 节点在欧美,第一次加载 WebContainer 可能 30 秒+。
  6. WebContainer 不支持所有原生模块(比如需要 fsevents / native binding 的包),偶尔会撞墙。
  7. 生成代码不是生产级,TypeScript 类型偶尔 any、可访问性偶尔缺;适合 0→1,不适合 1→1000。

适合 / 不适合

✅ Indie hacker / hackathon / MVP;非技术创始人;多框架前端 prototype;快速 demo。
❌ 复杂业务逻辑系统;需要长期维护到自有云;中文场景重度依赖;对 token 用量敏感。

相关阅读

来源

本卡片由 AIHO 编辑部根据以上公开资料整理,非厂商付费内容;定价与功能以官网为准,欢迎在 /submit 反馈更新。

02 / 04价格速查
计划价格限制国内支付备注
Free$0每日 ~150K 免费 token,足够探索;项目数有限试用
Pro$20/月10M token/月(重项目 300K/会话可能一周烧光)个人 MVP
Pro 50 / 100 / 200$50 / $100 / $200/月26M / 55M / 120M token,按月度用量阶梯重度 prompt 用户
Teams$60/用户/月起团队、共享项目、协作团队档
03 / 04适合 / 不适合
✅ 适合谁
  • · Indie hacker / hackathon / MVP 验证
  • · 非技术创始人(写 prompt 比写代码顺)
  • · 前端为主的项目(Vue / React / Svelte / Astro / Next.js)
  • · 需要快速 demo 给投资人 / 客户看
⚠️ 不适合谁
  • · 复杂业务逻辑系统(AI 容易出错)
  • · 需要长期维护 / 生产部署到自有云的项目
  • · 中文场景重度依赖(UI 全英文)
  • · 对 token 配额敏感(重度迭代一周可烧光月度)
04 / 04 常见问题
Bolt.new 和 StackBlitz 什么关系?

Bolt.new 是 StackBlitz 团队做的 AI 产品,底层用 StackBlitz 的 WebContainers 技术(Node.js 跑在浏览器 WASM 里),所以装依赖、起 dev server、看预览都在浏览器一气呵成,不像 v0 / Lovable 那样要走云端容器。

和 Lovable / v0 怎么选?

Bolt 介于「开发者向 Cursor」和「非开发者向 Lovable」之间——你可以一句话不写代码,但全代码也露出在你眼前可改;v0 偏前端组件(React only),Lovable 更聚焦「非技术创始人 + Supabase 后端」。三者都做原型,但 Bolt 的多框架支持最广。

Bolt 会爆 token 吗?

会。一个复杂项目重度迭代单 session 能烧 300K token。Pro $20 包含 10M token/月,重项目一周可能烧光,要升到 Pro 50。

支持哪些框架?

React / Vue / Svelte / Astro / Next.js / Nuxt / Remix / SolidJS / Angular 全支持。Bolt 是目前框架覆盖最广的 builder。

Supabase 集成深吗?

深。一键起 auth + database + storage + RLS(row-level security),不是浮在表面的配置,比手动配舒服很多。

可以导出代码吗?

可以。GitHub 一键 push,或者 zip 下载。代码质量比 Lovable 稍干净,可在本地 IDE 接着写。