[{"data":1,"prerenderedAt":1207},["ShallowReactive",2],{"header-counts":3,"footer-counts":6,"compare-bolt-new-vs-v0":9,"compare-a-bolt-new":10,"compare-b-v0":704},{"tools":4,"reviews":5},78,26,{"tools":4,"reviews":5,"playbooks":7,"news":8},22,21,null,{"id":11,"title":12,"alternatives":13,"api_compatible":9,"body":17,"category":610,"chinese_friendly":596,"cover":611,"description":612,"domestic":613,"extension":614,"faq":615,"free":613,"github":634,"languages":635,"lastVerified":9,"meta":637,"models":9,"navigation":638,"notSuitable":639,"opensource":638,"path":644,"pillar":645,"platforms":646,"priceTable":648,"pricing":663,"published":664,"relatedPlaybooks":665,"relatedReviews":668,"score":671,"self_host":613,"seo":674,"seoTitle":9,"slug":675,"sources":676,"stem":687,"suitable":688,"tagline":693,"tags":694,"updated":701,"verdict":702,"website":570,"__hash__":703},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Fbolt-new.md","Bolt.new",[14,15,16],"coding\u002Fbuilder\u002Flovable","coding\u002Fbuilder\u002Fv0","coding\u002Fbuilder\u002Freplit-agent",{"type":18,"value":19,"toc":592},"minimark",[20,25,47,50,74,77,80,102,105,214,220,224,230,235,238,241,259,262,266,269,273,276,280,290,293,461,464,516,520,527,530,560,563,582],[21,22,24],"h2",{"id":23},"tldr","TL;DR",[26,27,32,44],"div",{"className":28},[29,30,31],"card","p-5","my-4",[33,34,35,39,40,43],"p",{},[36,37,38],"strong",{},"一句话："," Bolt.new 是 ",[36,41,42],{},"StackBlitz 出品的「浏览器全栈 AI builder」","，靠自家 WebContainers 把 Node.js 跑进浏览器，不需要本地 npm\u002FDocker。一句话 → 全栈应用 + Supabase 后端 + 一键部署 Netlify，2 个月做到 $20M ARR。",[33,45,46],{},"做 MVP \u002F demo \u002F hackathon 没有之一最快。正式产品维护期仍需本地 IDE 接手。",[21,48,49],{"id":49},"它到底是个什么",[33,51,52,53,60,61,64,65,73],{},"Bolt.new 站在 ",[54,55,59],"a",{"href":56,"rel":57},"https:\u002F\u002Fstackblitz.com",[58],"nofollow","StackBlitz"," 多年积累的 ",[36,62,63],{},"WebContainers"," 技术上——一个让 Node.js 跑在浏览器 WASM 里的 runtime。这意味着你打开 bolt.new，",[36,66,67,68,72],{},"没有 ",[69,70,71],"code",{},"npm install","、没有 Docker、没有「works on my machine」","，dev server \u002F 包管理器 \u002F 终端全部在浏览器里。",[33,75,76],{},"Bolt 在这套地基上加了 AI agent 层：你描述需求 → AI 写代码 → WebContainer 装依赖 + 跑 dev → 右边浏览器预览。整个流程是真的「想到 → 看到」的秒级反馈。",[33,78,79],{},"差异化定位：",[81,82,83,90,96],"ul",{},[84,85,86,89],"li",{},[36,87,88],{},"Cursor 假设你是开发者","，想要 AI 协助。",[84,91,92,95],{},[36,93,94],{},"Lovable 假设你可能永远不看代码","。",[84,97,98,101],{},[36,99,100],{},"Bolt 落在中间","：能不写一行代码，但完整代码就在你眼前可改。",[21,103,104],{"id":104},"价格",[106,107,108,126],"table",{},[109,110,111],"thead",{},[112,113,114,118,120,123],"tr",{},[115,116,117],"th",{},"档位",[115,119,104],{},[115,121,122],{},"Token 配额",[115,124,125],{},"适合谁",[127,128,129,144,158,172,186,200],"tbody",{},[112,130,131,135,138,141],{},[132,133,134],"td",{},"Free",[132,136,137],{},"$0",[132,139,140],{},"每日 ~150K token",[132,142,143],{},"探索 \u002F 评估",[112,145,146,149,152,155],{},[132,147,148],{},"Pro",[132,150,151],{},"$20\u002F月",[132,153,154],{},"10M token\u002F月",[132,156,157],{},"个人 MVP",[112,159,160,163,166,169],{},[132,161,162],{},"Pro 50",[132,164,165],{},"$50\u002F月",[132,167,168],{},"26M token\u002F月",[132,170,171],{},"重度迭代",[112,173,174,177,180,183],{},[132,175,176],{},"Pro 100",[132,178,179],{},"$100\u002F月",[132,181,182],{},"55M token\u002F月",[132,184,185],{},"多项目并行",[112,187,188,191,194,197],{},[132,189,190],{},"Pro 200",[132,192,193],{},"$200\u002F月",[132,195,196],{},"120M token\u002F月",[132,198,199],{},"重度专业",[112,201,202,205,208,211],{},[132,203,204],{},"Teams",[132,206,207],{},"$60\u002F用户\u002F月起",[132,209,210],{},"团队共享",[132,212,213],{},"团队协作",[33,215,216,219],{},[36,217,218],{},"重点提醒","：复杂项目重度迭代一个 session 能烧 300K token。如果你打算用 Bolt 跑严肃 MVP，预期月度成本 $50+ 而不是 $20。",[21,221,223],{"id":222},"真实任务实测基于公开素材归纳","真实任务实测（基于公开素材归纳）",[225,226,227],"blockquote",{},[33,228,229],{},"来源说明：以下场景为 Bolt.new 公开演示视频与第三方评测（vibecoding.app、Tool Junction）的工作流归纳。",[231,232,234],"h3",{"id":233},"任务-11-小时出一个-saas-原型","任务 1：1 小时出一个 SaaS 原型",[33,236,237],{},"prompt：\"做一个 todo SaaS，Supabase 后端，邮箱注册，每个用户能加\u002F删\u002F改\u002F标完成\"",[33,239,240],{},"Bolt 流程：",[242,243,244,247,250,253,256],"ol",{},[84,245,246],{},"选技术栈（React + Vite + Tailwind）",[84,248,249],{},"装依赖（浏览器内 npm install，~30 秒）",[84,251,252],{},"写代码（auth \u002F RLS policy \u002F CRUD endpoints）",[84,254,255],{},"起 dev server 显示预览",[84,257,258],{},"用户在浏览器里就能注册测试",[33,260,261],{},"时间：~45 分钟，含手动调整 UI。",[231,263,265],{"id":264},"任务-2figma-设计稿导入","任务 2：Figma 设计稿导入",[33,267,268],{},"Bolt 支持 Figma URL 导入，AI 根据图层结构生成响应式组件。准确率 70% 左右，复杂动效需要手动改。",[231,270,272],{"id":271},"任务-3一键部署-netlify","任务 3：一键部署 Netlify",[33,274,275],{},"完成后点 \"Deploy\"，Bolt 直接推到 Netlify（也支持 Cloudflare Pages）。10 秒后拿到一个可访问 URL，比手动部署省半小时。",[21,277,279],{"id":278},"上手-5-分钟","上手 5 分钟",[281,282,288],"pre",{"className":283,"code":285,"language":286,"meta":287},[284],"language-text","1. 浏览器打开 https:\u002F\u002Fbolt.new\n2. 用 GitHub 登录\n3. 输入第一个 prompt（用英文，中文 prompt 偶尔出英文 UI）\n4. 等 30-60 秒看到代码生成 + 预览\n5. 在 Chat 里迭代（\"加一个登录页\"、\"改成深色主题\"）\n6. Connect Supabase（一键）\u002F Connect Netlify（部署）\u002F Push to GitHub（导出）\n","text","",[69,289,285],{"__ignoreMap":287},[21,291,292],{"id":292},"同类对比",[106,294,295,313],{},[109,296,297],{},[112,298,299,302,304,307,310],{},[115,300,301],{},"维度",[115,303,12],{},[115,305,306],{},"Lovable",[115,308,309],{},"v0 by Vercel",[115,311,312],{},"Replit Agent",[127,314,315,332,349,364,380,397,413,429,444],{},[112,316,317,320,323,326,329],{},[132,318,319],{},"母体",[132,321,322],{},"StackBlitz WebContainer",[132,324,325],{},"自研（GPT Engineer 派生）",[132,327,328],{},"Vercel + shadcn\u002Fui",[132,330,331],{},"Replit IDE",[112,333,334,337,340,343,346],{},[132,335,336],{},"技术栈",[132,338,339],{},"多框架全栈",[132,341,342],{},"React + Supabase",[132,344,345],{},"React\u002FNext.js only",[132,347,348],{},"50+ 语言",[112,350,351,354,357,360,362],{},[132,352,353],{},"Runtime",[132,355,356],{},"浏览器（WebContainer）",[132,358,359],{},"云端",[132,361,359],{},[132,363,359],{},[112,365,366,369,372,374,377],{},[132,367,368],{},"后端",[132,370,371],{},"Supabase 一键",[132,373,371],{},[132,375,376],{},"手动",[132,378,379],{},"Replit DB \u002F Postgres",[112,381,382,385,388,391,394],{},[132,383,384],{},"部署",[132,386,387],{},"Netlify \u002F Cloudflare",[132,389,390],{},"Lovable 自家",[132,392,393],{},"Vercel",[132,395,396],{},"Replit 自家",[112,398,399,402,404,407,410],{},[132,400,401],{},"Free 额度",[132,403,140],{},[132,405,406],{},"5 message\u002F天",[132,408,409],{},"$5 credit\u002F月",[132,411,412],{},"150K token\u002F天",[112,414,415,418,420,423,426],{},[132,416,417],{},"起价",[132,419,151],{},[132,421,422],{},"$20\u002F月（Starter）",[132,424,425],{},"$20\u002F月（Premium）",[132,427,428],{},"$20\u002F月（Core）",[112,430,431,434,437,439,441],{},[132,432,433],{},"中文",[132,435,436],{},"❌",[132,438,436],{},[132,440,436],{},[132,442,443],{},"部分",[112,445,446,449,452,455,458],{},[132,447,448],{},"适合",[132,450,451],{},"多框架全栈 prototype",[132,453,454],{},"非技术 + Supabase MVP",[132,456,457],{},"React 前端组件",[132,459,460],{},"多语言 + 移动端",[21,462,463],{"id":463},"避坑清单",[242,465,466,472,478,484,494,500,506],{},[84,467,468,471],{},[36,469,470],{},"Pro $20 看上去够，实际可能 1 周烧光","。重度 prompt 用户预算到 Pro 50。",[84,473,474,477],{},[36,475,476],{},"复杂业务逻辑 AI 容易出错","，比如多角色权限 \u002F 复杂 reducer \u002F 嵌套 state，需要手动接管。",[84,479,480,483],{},[36,481,482],{},"Supabase 生产环境另外花钱","：Bolt 帮你接 Supabase，但 Supabase 自己的 Pro $25\u002F月也躲不掉，加上 Bolt 总开销 $45+ 起。",[84,485,486,489,490,493],{},[36,487,488],{},"导出代码后本地跑可能要补 .env","，Bolt 浏览器内能跑不代表本地 ",[69,491,492],{},"npm install + npm run dev"," 直接通——尤其 Supabase key 类配置。",[84,495,496,499],{},[36,497,498],{},"国内访问可能慢","，CDN 节点在欧美，第一次加载 WebContainer 可能 30 秒+。",[84,501,502,505],{},[36,503,504],{},"WebContainer 不支持所有原生模块","（比如需要 fsevents \u002F native binding 的包），偶尔会撞墙。",[84,507,508,511,512,515],{},[36,509,510],{},"生成代码不是生产级","，TypeScript 类型偶尔 ",[69,513,514],{},"any","、可访问性偶尔缺；适合 0→1，不适合 1→1000。",[21,517,519],{"id":518},"适合-不适合","适合 \u002F 不适合",[33,521,522,523,526],{},"✅ Indie hacker \u002F hackathon \u002F MVP；非技术创始人；多框架前端 prototype；快速 demo。",[524,525],"br",{},"\n❌ 复杂业务逻辑系统；需要长期维护到自有云；中文场景重度依赖；对 token 用量敏感。",[21,528,529],{"id":529},"相关阅读",[81,531,532,539,546],{},[84,533,534,535],{},"配套 playbook：",[54,536,538],{"href":537},"\u002Fplaybook\u002Fbolt-vs-lovable-vs-v0.html","Bolt vs Lovable vs v0 怎么选",[84,540,541,542],{},"同分类：",[54,543,545],{"href":544},"\u002Fcoding\u002Fbuilder\u002F","AI 应用 Builder 全分类",[84,547,548,549,552,553,552,557],{},"替代品：",[54,550,306],{"href":551},"\u002Fcoding\u002Fbuilder\u002Flovable.html"," · ",[54,554,556],{"href":555},"\u002Fcoding\u002Fbuilder\u002Fv0.html","v0",[54,558,312],{"href":559},"\u002Fcoding\u002Fbuilder\u002Freplit-agent.html",[21,561,562],{"id":562},"来源",[81,564,565,572,579],{},[84,566,567,568],{},"官网：",[54,569,570],{"href":570,"rel":571},"https:\u002F\u002Fbolt.new",[58],[84,573,574,575],{},"融资 \u002F 公司信息：",[54,576,577],{"href":577,"rel":578},"https:\u002F\u002Fapp.dealroom.co\u002Fcompanies\u002Fbolt_stackblitz",[58],[84,580,581],{},"第三方评测：vibecoding.app 2026-03 评测、Tool Junction StackBlitz 评测、Metacto 关于 Supabase 真实成本",[225,583,584],{},[33,585,586,587,591],{},"本卡片由 AIHO 编辑部根据以上公开资料整理，非厂商付费内容；定价与功能以官网为准，欢迎在 ",[54,588,590],{"href":589},"mailto:hello@aiho.net","反馈邮箱"," 反馈更新。",{"title":287,"searchDepth":593,"depth":593,"links":594},3,[595,597,598,599,604,605,606,607,608,609],{"id":23,"depth":596,"text":24},2,{"id":49,"depth":596,"text":49},{"id":104,"depth":596,"text":104},{"id":222,"depth":596,"text":223,"children":600},[601,602,603],{"id":233,"depth":593,"text":234},{"id":264,"depth":593,"text":265},{"id":271,"depth":593,"text":272},{"id":278,"depth":596,"text":279},{"id":292,"depth":596,"text":292},{"id":463,"depth":596,"text":463},{"id":518,"depth":596,"text":519},{"id":529,"depth":596,"text":529},{"id":562,"depth":596,"text":562},"builder","\u002Fimg\u002Ftools\u002Fbolt-new.webp","Bolt.new 真实评测：StackBlitz 出品的 AI Web 应用生成器（$20M ARR \u002F 2 个月），WebContainers 让 Node.js 在浏览器里跑、Supabase 一键集成、Figma\u002FGitHub 导入、一键部署 Netlify；2 个月 ARR $20M 不是吹的。",false,"md",[616,619,622,625,628,631],{"q":617,"a":618},"Bolt.new 和 StackBlitz 什么关系？","Bolt.new 是 StackBlitz 团队做的 AI 产品，底层用 StackBlitz 的 WebContainers 技术（Node.js 跑在浏览器 WASM 里），所以装依赖、起 dev server、看预览都在浏览器一气呵成，不像 v0 \u002F Lovable 那样要走云端容器。",{"q":620,"a":621},"和 Lovable \u002F v0 怎么选？","Bolt 介于「开发者向 Cursor」和「非开发者向 Lovable」之间——你可以一句话不写代码，但全代码也露出在你眼前可改；v0 偏前端组件（React only），Lovable 更聚焦「非技术创始人 + Supabase 后端」。三者都做原型，但 Bolt 的多框架支持最广。",{"q":623,"a":624},"Bolt 会爆 token 吗？","会。一个复杂项目重度迭代单 session 能烧 300K token。Pro $20 包含 10M token\u002F月，重项目一周可能烧光，要升到 Pro 50。",{"q":626,"a":627},"支持哪些框架？","React \u002F Vue \u002F Svelte \u002F Astro \u002F Next.js \u002F Nuxt \u002F Remix \u002F SolidJS \u002F Angular 全支持。Bolt 是目前框架覆盖最广的 builder。",{"q":629,"a":630},"Supabase 集成深吗？","深。一键起 auth + database + storage + RLS（row-level security），不是浮在表面的配置，比手动配舒服很多。",{"q":632,"a":633},"可以导出代码吗？","可以。GitHub 一键 push，或者 zip 下载。代码质量比 Lovable 稍干净，可在本地 IDE 接着写。","https:\u002F\u002Fgithub.com\u002Fstackblitz\u002Fbolt.new",[636],"en",{},true,[640,641,642,643],"复杂业务逻辑系统（AI 容易出错）","需要长期维护 \u002F 生产部署到自有云的项目","中文场景重度依赖（UI 全英文）","对 token 配额敏感（重度迭代一周可烧光月度）","\u002Ftools\u002Fcoding\u002Fbuilder\u002Fbolt-new","coding",[647],"web",[649,653,655,660],{"plan":134,"price":137,"limit":650,"cn_pay":651,"note":652},"每日 ~150K 免费 token，足够探索；项目数有限","—","试用",{"plan":148,"price":151,"limit":654,"cn_pay":651,"note":157},"10M token\u002F月（重项目 300K\u002F会话可能一周烧光）",{"plan":656,"price":657,"limit":658,"cn_pay":651,"note":659},"Pro 50 \u002F 100 \u002F 200","$50 \u002F $100 \u002F $200\u002F月","26M \u002F 55M \u002F 120M token，按月度用量阶梯","重度 prompt 用户",{"plan":204,"price":207,"limit":661,"cn_pay":651,"note":662},"团队、共享项目、协作","团队档","Free \u002F Pro $20\u002F月 \u002F Pro 50 $50 \u002F Pro 100 $100 \u002F Pro 200 $200 \u002F Teams","2026-06-19",[666,667],"ai-coding\u002Fbolt-vs-lovable-vs-v0","ai-coding\u002Fmvp-in-one-hour",[669,670],"ai-builders-comparison","ai-coding-tool-decision-tree",{"power":672,"ux":673,"price":672,"cn_support":596,"stability":672},4,5,{"title":12,"description":612},"coding\u002Fbuilder\u002Fbolt-new",[677,679,681,684],{"title":678,"url":570},"Bolt.new 官网",{"title":680,"url":577},"StackBlitz \u002F Bolt 融资信息（Dealroom）",{"title":682,"url":683},"Bolt.new 评测（vibecoding.app 2026-03）","https:\u002F\u002Fvibecoding.app\u002Fblog\u002Fbolt-new-review",{"title":685,"url":686},"Supabase Pricing（Metacto 2026）","https:\u002F\u002Fwww.metacto.com\u002Fblogs\u002Fthe-true-cost-of-supabase-a-comprehensive-guide-to-pricing-integration-and-maintenance","tools\u002Fcoding\u002Fbuilder\u002Fbolt-new",[689,690,691,692],"Indie hacker \u002F hackathon \u002F MVP 验证","非技术创始人（写 prompt 比写代码顺）","前端为主的项目（Vue \u002F React \u002F Svelte \u002F Astro \u002F Next.js）","需要快速 demo 给投资人 \u002F 客户看","一句话生成全栈 Web 应用，StackBlitz 出品",[695,696,647,697,698,699,700],"app-generator","fullstack","prototype","supabase","webcontainer","stackblitz","2026-06-24","做原型 \u002F demo \u002F MVP 最快的方式，没有之一。WebContainer 让所有依赖在浏览器里跑、Supabase 直连。正式产品仍需自己在本地 IDE 维护；Bolt 适合一次性生成 + 导出。","65me2aonTqlHUY08otQo5QYL6vd28nnWivQyuHlu2NM",{"id":705,"title":556,"alternatives":706,"api_compatible":9,"body":707,"category":610,"chinese_friendly":593,"cover":1149,"description":1150,"domestic":613,"extension":614,"faq":1151,"free":613,"github":9,"languages":1164,"lastVerified":9,"meta":1165,"models":9,"navigation":638,"notSuitable":9,"opensource":613,"path":1166,"pillar":645,"platforms":1167,"priceTable":1168,"pricing":1182,"published":664,"relatedPlaybooks":1183,"relatedReviews":1186,"score":1187,"self_host":613,"seo":1188,"seoTitle":9,"slug":15,"sources":1189,"stem":1196,"suitable":9,"tagline":1197,"tags":1198,"updated":701,"verdict":1205,"website":716,"__hash__":1206},"tools\u002Ftools\u002Fcoding\u002Fbuilder\u002Fv0.md",[675,14,16],{"type":18,"value":708,"toc":1137},[709,711,720,723,726,733,736,762,766,854,857,864,868,874,885,890,904,907,927,930,1030,1033,1068,1070,1084,1086,1112,1114],[21,710,24],{"id":23},[33,712,713,714,719],{},"v0 是 Vercel 的 AI UI 生成器，定位是「把自然语言\u002F截图变成可用的 React + Tailwind + shadcn\u002Fui 组件」。2026 年迁到 ",[54,715,718],{"href":716,"rel":717},"https:\u002F\u002Fv0.app",[58],"v0.app","（原 v0.dev），引入 Mini \u002F Pro \u002F Max 三档专属模型 + 积分制：Free $5、Premium $20\u002F月（$20 credits）、Team $30\u002F席。输出质量是同类最好——一行不改就能进生产的 shadcn 代码，是其他 builder 比不上的。",[33,721,722],{},"适合：前端工程师做 UI 草稿、设计稿 → 代码、营销页\u002F控制台快速搭建。不适合：要带数据库 + 鉴权 + 部署的完整 SaaS——那是 Bolt \u002F Lovable \u002F Replit Agent 的地盘。",[21,724,725],{"id":725},"它是什么",[33,727,728,729,732],{},"v0 不是 IDE 也不是「全栈一句话出 SaaS」类工具，它专注做一件事：",[36,730,731],{},"把描述\u002F图片变成高质量 React 组件","。底座是 Next.js 14+、Tailwind、shadcn\u002Fui，输出符合现代前端工程标准——可访问性、响应式、TypeScript、服务端组件、loading\u002Ferror state。",[33,734,735],{},"2026 年的 v0 已不是单组件玩具：",[81,737,738,744,750,756],{},[84,739,740,743],{},[36,741,742],{},"多页应用生成","：可以一次性吐出含导航、布局、多个路由的完整 Next.js 项目骨架",[84,745,746,749],{},[36,747,748],{},"三档模型","：Mini（便宜快）\u002F Pro（默认）\u002F Max（高质量复杂任务），积分消耗不同",[84,751,752,755],{},[36,753,754],{},"Git\u002F部署","：内置项目管理 + 一键 deploy 到 Vercel，Premium 起可导出到 GitHub",[84,757,758,761],{},[36,759,760],{},"图像理解","：丢一张设计稿\u002F截图，直接给你 pixel-perfect 的 shadcn 实现",[21,763,765],{"id":764},"价格2026-年-6-月按官方与第三方追踪综合","价格（2026 年 6 月，按官方与第三方追踪综合）",[106,767,768,783],{},[109,769,770],{},[112,771,772,775,777,780],{},[115,773,774],{},"Plan",[115,776,104],{},[115,778,779],{},"月度 credits",[115,781,782],{},"关键能力",[127,784,785,797,814,828,841],{},[112,786,787,789,791,794],{},[132,788,134],{},[132,790,137],{},[132,792,793],{},"$5",[132,795,796],{},"200 项目、带水印、public only",[112,798,799,804,808,811],{},[132,800,801],{},[36,802,803],{},"Premium",[132,805,806],{},[36,807,151],{},[132,809,810],{},"$20",[132,812,813],{},"自定义域名、私有项目、GitHub 导出",[112,815,816,819,822,825],{},[132,817,818],{},"Team",[132,820,821],{},"$30\u002F席\u002F月",[132,823,824],{},"$30\u002F席",[132,826,827],{},"共享 workspace、池化 credits、年付约 8 折",[112,829,830,833,836,838],{},[132,831,832],{},"Business",[132,834,835],{},"$100\u002F席\u002F月",[132,837,824],{},[132,839,840],{},"SOC 2、私有部署增强、合规审计",[112,842,843,846,849,851],{},[132,844,845],{},"Enterprise",[132,847,848],{},"Custom",[132,850,848],{},[132,852,853],{},"SSO\u002FSAML、专属支持",[33,855,856],{},"积分消耗模型：「一次生成 = 1+ credits，按 token + 选用模型档位计费」。读代码、聊天不耗。Pro 档一次复杂多页生成约 $1–$3 credits，Max 档可能 $3–$8。",[33,858,859,860,863],{},"注意 ",[36,861,862],{},"hosting"," 是另一笔钱：v0 自己不收 hosting 费，但 Vercel Hobby 免费够 demo，生产建议升 Vercel Pro（$20\u002F席\u002F月）。整体 TCO ≈ $40\u002F月入门。",[21,865,867],{"id":866},"实测一周高强度试用观察","实测（一周高强度试用观察）",[33,869,870,873],{},[36,871,872],{},"好的地方","：",[81,875,876,879,882],{},[84,877,878],{},"shadcn 代码质量明显高一档，几乎可以 copy 进生产代码库",[84,880,881],{},"图像 → 代码的还原度是同类第一（实测一张 Figma 截图 → 90% 还原）",[84,883,884],{},"多页生成的路由结构 \u002F loading state \u002F a11y 标签都按 Next.js 13+ 规范写",[33,886,887,873],{},[36,888,889],{},"踩坑",[81,891,892,895,898,901],{},[84,893,894],{},"不擅长后端：写 API route 经常瞎编 Prisma schema 或调错 SDK",[84,896,897],{},"积分易超：Max 档调一次复杂表单可能 $5+ credits，Premium 单月 $20 不够撑 50 次",[84,899,900],{},"中文 prompt 偶尔输出英文 UI，需要在描述里加「界面文案保持中文」",[84,902,903],{},"v0.dev → v0.app 迁移期，部分老链接 redirect 异常",[21,905,906],{"id":906},"上手",[242,908,909,912,915,918,921],{},[84,910,911],{},"v0.app 注册（GitHub OAuth 最快），自动给 Free $5 credits",[84,913,914],{},"用一句话或截图描述 UI，选 Mini\u002FPro\u002FMax 模型档位",[84,916,917],{},"在 chat 里迭代修改，preview 实时更新",[84,919,920],{},"满意后 → GitHub 导出（需 Premium）或一键 Vercel deploy",[84,922,923,924],{},"拷贝代码进现有项目——shadcn 组件可直接进 ",[69,925,926],{},"components\u002Fui\u002F",[21,928,929],{"id":929},"对比一览",[106,931,932,946],{},[109,933,934],{},[112,935,936,938,940,942,944],{},[115,937,301],{},[115,939,556],{},[115,941,12],{},[115,943,306],{},[115,945,312],{},[127,947,948,965,982,999,1015],{},[112,949,950,953,956,959,962],{},[132,951,952],{},"强项",[132,954,955],{},"组件 \u002F UI 还原",[132,957,958],{},"全栈应用 + WebContainer",[132,960,961],{},"全栈 + 数据库 + Auth",[132,963,964],{},"浏览器 IDE + 部署",[112,966,967,970,973,976,979],{},[132,968,969],{},"输出代码",[132,971,972],{},"Next.js + shadcn",[132,974,975],{},"Vite \u002F Next",[132,977,978],{},"Vite + Supabase",[132,980,981],{},"任意 stack",[112,983,984,987,990,993,996],{},[132,985,986],{},"起步价",[132,988,989],{},"$20\u002F月 + Vercel",[132,991,992],{},"$20\u002F月 token",[132,994,995],{},"$25\u002F月 credits",[132,997,998],{},"Core $25\u002F月",[112,1000,1001,1003,1006,1009,1012],{},[132,1002,368],{},[132,1004,1005],{},"弱",[132,1007,1008],{},"中",[132,1010,1011],{},"强（Supabase 集成）",[132,1013,1014],{},"强",[112,1016,1017,1020,1023,1026,1028],{},[132,1018,1019],{},"Vercel 集成",[132,1021,1022],{},"原生",[132,1024,1025],{},"否",[132,1027,1025],{},[132,1029,1025],{},[21,1031,1032],{"id":1032},"避坑",[81,1034,1035,1041,1047,1053,1059],{},[84,1036,1037,1040],{},[36,1038,1039],{},"不要拿 v0 写后端","：API、数据库 schema、auth 流程交给 Cursor \u002F Codex \u002F Claude Code，v0 专心做 UI",[84,1042,1043,1046],{},[36,1044,1045],{},"Free 水印过不了客户验收","：演示前一定升 Premium 或自建部署",[84,1048,1049,1052],{},[36,1050,1051],{},"不要每次 prompt 都用 Max 档","：默认 Pro 已经够好，Max 留给复杂多页或像素级还原",[84,1054,1055,1058],{},[36,1056,1057],{},"批量生成 → 必走 GitHub 导出","：避免锁在 v0 项目里，万一改定价就被动",[84,1060,1061,1064,1065],{},[36,1062,1063],{},"shadcn 版本要对齐","：v0 用最新版 shadcn，旧项目导入前先 ",[69,1066,1067],{},"npx shadcn@latest init",[21,1069,519],{"id":518},[81,1071,1072,1075,1078,1081],{},[84,1073,1074],{},"✅ 前端工程师做组件、营销页、控制台 \u002F dashboard、设计稿落地",[84,1076,1077],{},"✅ 已经用 Next.js + Vercel + shadcn 技术栈的团队",[84,1079,1080],{},"❌ 想要「一句话出完整 SaaS」——选 Lovable \u002F Bolt",[84,1082,1083],{},"❌ 不用 React 的团队（Vue \u002F Svelte 党）",[21,1085,529],{"id":529},[81,1087,1088,1093,1099,1105],{},[84,1089,1090],{},[54,1091,1092],{"href":644},"Bolt.new 评测",[84,1094,1095],{},[54,1096,1098],{"href":1097},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Flovable","Lovable 评测",[84,1100,1101],{},[54,1102,1104],{"href":1103},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Freplit-agent","Replit Agent 评测",[84,1106,1107,1111],{},[54,1108,1110],{"href":1109},"\u002Ftools\u002Fcoding\u002Fide\u002Fcursor","Cursor 评测","（写后端搭配 v0）",[21,1113,562],{"id":562},[242,1115,1116,1123,1130],{},[84,1117,1118,1119],{},"nocode.mba — V0 Pricing 2026（2026-03-02）",[54,1120,1121],{"href":1121,"rel":1122},"https:\u002F\u002Fwww.nocode.mba\u002Farticles\u002Fv0-pricing",[58],[84,1124,1125,1126],{},"automationatlas — v0 Pricing Explained 2026（2026-05-06）",[54,1127,1128],{"href":1128,"rel":1129},"https:\u002F\u002Fautomationatlas.io\u002Fanswers\u002Fv0-pricing-explained-2026",[58],[84,1131,1132,1133],{},"nxcode — v0 Complete Guide 2026（2026-03）",[54,1134,1135],{"href":1135,"rel":1136},"https:\u002F\u002Fwww.nxcode.io\u002Fresources\u002Fnews\u002Fv0-by-vercel-complete-guide-2026",[58],{"title":287,"searchDepth":593,"depth":593,"links":1138},[1139,1140,1141,1142,1143,1144,1145,1146,1147,1148],{"id":23,"depth":596,"text":24},{"id":725,"depth":596,"text":725},{"id":764,"depth":596,"text":765},{"id":866,"depth":596,"text":867},{"id":906,"depth":596,"text":906},{"id":929,"depth":596,"text":929},{"id":1032,"depth":596,"text":1032},{"id":518,"depth":596,"text":519},{"id":529,"depth":596,"text":529},{"id":562,"depth":596,"text":562},"\u002Fimg\u002Ftools\u002Fv0.webp","v0 真实评测：Vercel 出品的 AI UI 生成器，输入描述即可生成 React + Tailwind + shadcn\u002Fui 组件。2026 年迁移到 v0.app，按积分计费，Premium $20\u002F月含 $20 credits。",[1152,1155,1158,1161],{"q":1153,"a":1154},"v0 和 Bolt \u002F Lovable 怎么选？","v0 强在『组件级 \u002F 多页前端』和 shadcn 代码质量；Bolt \u002F Lovable 强在『完整全栈带后端』。前端工程师选 v0，非技术 PM 想要带数据库的应用选 Lovable。",{"q":1156,"a":1157},"积分用完会怎样？","Premium 单月 $20 credits 用完后无法继续生成，需要等下月或升级 Team；不会自动按 API 价继续扣，对预算友好。",{"q":1159,"a":1160},"生成代码能脱离 Vercel 跑吗？","能。v0 输出标准的 Next.js + shadcn\u002Fui，Premium 起支持 GitHub 导出，可部署到任意 Node 平台；但 v0 自带 preview\u002Fdeploy 走的是 Vercel。",{"q":1162,"a":1163},"为什么我的部署有水印？","Free tier 限制——public 项目 + Vercel 水印；升级 Premium 即可移除。",[636],{},"\u002Ftools\u002Fcoding\u002Fbuilder\u002Fv0",[647],[1169,1173,1175,1178,1180],{"plan":134,"price":1170,"seats":1171,"notes":1172},"$0\u002F月","1","$5 credits\u002F月，200 项目上限，带水印部署",{"plan":803,"price":151,"seats":1171,"notes":1174},"$20 credits\u002F月，自定义域名，GitHub 导出",{"plan":818,"price":821,"seats":1176,"notes":1177},"≥2","$30 credits\u002F席，共享工作区，年付约 8 折",{"plan":832,"price":835,"seats":1176,"notes":1179},"私有项目、SOC 2、增强隔离",{"plan":845,"price":848,"seats":651,"notes":1181},"SSO\u002FSAML、审计日志、专属支持","Free $5 credits \u002F Premium $20·月 \u002F Team $30·席\u002F月 \u002F Business $100·席\u002F月",[1184,1185],"onboarding\u002Fcursor-mcp-deep-integration","onboarding\u002Frag-pipeline-build",[669],{"power":672,"ux":673,"price":593,"cn_support":593,"stability":672},{"title":556,"description":1150},[1190,1192,1194],{"name":1191,"url":1121,"accessed":701},"nocode.mba — V0 Pricing 2026",{"name":1193,"url":1128,"accessed":701},"automationatlas — v0 pricing",{"name":1195,"url":1135,"accessed":701},"nxcode — v0 complete guide 2026","tools\u002Fcoding\u002Fbuilder\u002Fv0","Vercel 出品：从自然语言生成 React \u002F Next.js 组件",[1199,1200,1201,1202,1203,697,1204],"ui-generator","react","nextjs","tailwind","shadcn","vercel","React\u002FNext.js 生态最好用的 AI UI 生成器；2026 改成 credit-based + 多 model（Mini\u002FPro\u002FMax），shadcn 输出一如既往是顶级品质。","jqqSrRiGJjXI7mkQO9adysVQ0Cc2Bt5pVh6FC2NCkeg",1784565441193]