Bolt.new
StackBlitz 推出的瀏覽器 AI 建站工具:用對話生成網站與 Web App,內建 Bolt Cloud 資料庫、登入與主機
Bolt.new 是 StackBlitz 這家做瀏覽器內開發環境(WebContainers)的公司推出的 AI 建站工具。你在對話框描述想要的網站或 App,它直接在瀏覽器裡寫程式、裝套件、跑起預覽,不用在電腦上裝 Node.js 或任何開發工具。跟早期只會吐前端程式碼的版本比,現在的 Bolt 已經把後端也包進來:官網稱為 Bolt Cloud,內含不限數量的資料庫、使用者註冊與登入、正式主機與流量分析、自訂網域,還有 SEO 設定。
官網列出的專案類型有網站、Web App、原型與簡報。模型部分 Bolt 採自動路由,依任務在品質與成本之間挑選,使用者不必自己選模型;官方也宣稱新版能處理比過去大上千倍的專案,並會自動測試與重構來減少錯誤。匯入方面可以從 Figma 設計稿開始,也能接 GitHub 管理程式碼。
功能特色與適用場景:Bolt 最適合「腦中有畫面、但不想從零架環境」的人。台灣使用者的具體用法,例如行銷人員要辦一場講座,用中文描述「報名頁+後台名單+寄確認信」,先讓 Bolt 生出可用版本,再手動調文案;新創 PM 把 Figma 線框匯入,做出能點的原型去跟投資人或工程團隊溝通;小店家做一個預約表單網站,直接掛在 Bolt 主機上,綁自己的 .tw 網域。中文提示詞可以理解,介面則是英文。
付費是 token 制:Free 每月 1M token、每日上限 30 萬,專案頁面會帶 Bolt 標誌;Pro 每月 25 美元起拿 10M token、移除品牌標誌、可綁自訂網域;Teams 每人 30 美元,多了集中帳單、權限管理與私有 NPM registry。台灣用信用卡就能訂,以美元計價。要提醒的是 token 消耗跟專案大小與來回修改次數直接相關,專案一大,一次修改可能就燒掉幾十萬 token。
跟 Lovable、v0 比,Bolt 的強項是「瀏覽器內真的跑得起來」加上自帶主機;要深度改程式的工程師,最後多半還是會把專案拉回 Cursor 之類的 IDE 繼續做。
TheAI學院 編輯建議
編輯實測後的真心話Bolt 讓我印象最深的不是生成速度,而是它把「上線」這件事也包了:資料庫、登入、網域都在同一個地方。對不會架主機的人,這一步其實比寫程式更難。不過 token 計費是兩面刃,我建議先把需求寫清楚再開始,不要邊想邊叫它改,帳單會差很多。
主要功能
- 對話生成網站、Web App、原型與簡報,瀏覽器內直接執行預覽
- Bolt Cloud:不限數量資料庫、使用者登入、主機與流量分析
- 自訂網域與內建 SEO 設定,Pro 方案可移除 Bolt 標誌
- Figma 設計稿匯入與 GitHub 整合
- 模型自動路由,依任務平衡品質與成本
- Teams 方案支援集中帳單、權限管理、私有 NPM registry 與設計系統
如何使用 Bolt.new
- 打開 bolt.new,用 GitHub 或 Google 登入,全程在瀏覽器跑,不用先裝 Node 或環境。
- 在對話框用中文描述你要的應用,例如「做一個記帳網站,可分類支出並顯示月統計圖」,講清楚頁面與功能。
- 等 Bolt 生成專案後,看右側即時預覽視窗確認畫面,左側檔案樹可直接點開改碼。
- 要修改就繼續下指令,例如「把按鈕改成台幣符號」「加一個登入頁」,它會增量改動而非重寫。
- 遇到報錯時把終端機的錯誤訊息貼回對話,請它修,通常一兩輪能解。
- 需要資料庫或金流時串接 Supabase、Stripe,敏感金鑰填在環境變數別寫進程式碼。
- 滿意後按部署,透過 Netlify 一鍵上線,拿到網址即可分享 MVP。
- 免費有每日 token 額度,複雜專案容易用完,重度開發再依官方方案付費。
適用場景
- 行銷人員做活動報名頁加後台名單
- 新創 PM 把 Figma 線框變成可點擊原型
- 小店家做預約或詢價網站並綁自訂網域
- 工程師快速驗證一個 SaaS 點子再匯出到 GitHub
- 老師或學生做課堂專題的互動網頁
Bolt.new 的優點與缺點
優點
- 不用安裝任何開發環境,打開瀏覽器就能從需求做到上線
- 前端、資料庫、登入、主機一站處理,適合非工程背景的人做 MVP
- 免費版每月 1M token,足夠試做幾個小專案
- 未用完的 token 可保留兩個月,不會月底歸零
缺點
- token 消耗難預估,專案變大後修改成本上升很快
- 介面與文件以英文為主,出錯時的除錯訊息對新手不友善
- 複雜商業邏輯仍需工程師接手,AI 生成的架構不一定好維護
價格方案
Free 每月 1M token(每日上限 300K);Pro 每月 25 美元起(10M token);Teams 每人每月 30 美元;Enterprise 洽詢報價;未用完的 token 可保留兩個月,實際以官網為準
Bolt.new 常見問題
Bolt.new 免費版能做到什麼程度?
免費版每月 1M token、每日上限 30 萬,可建立公開與私有專案、使用主機(約 33 萬次請求)與資料庫,但網站會帶 Bolt 標誌,也不能綁自訂網域。做一兩個小型頁面夠用,要正式上線建議升 Pro。
做出來的網站可以搬走嗎?
可以。Bolt 支援 GitHub 整合,程式碼可以同步出去自己部署;但如果你用了 Bolt Cloud 的資料庫與登入功能,搬家時要另外處理後端的對應服務。
Bolt、Lovable、v0 怎麼選?
三者都能用對話生成網頁。v0 偏 React 介面元件與 Vercel 生態;Lovable 主打完整產品與協作;Bolt 的特色是 StackBlitz 的瀏覽器內執行環境加上自帶 Bolt Cloud 主機。建議用同一個需求在三邊各試一次,看哪個生成結果最接近你要的。
中文網站做得出來嗎?
可以,用中文描述需求、要求網頁內容用繁體中文都沒問題。比較需要注意的是字型:生成時可以明確指定使用 Noto Sans TC 之類的中文字型,避免預設英文字型讓中文顯示不一致。
使用者評價
還沒有足夠評價,搶先分享你的使用心得!
寫下你的評價
Bolt.new 的替代方案
查看相似的 AI 工具 →Bolt.new 與其他工具比較
相關 AI 工具
Claude
Anthropic 的 AI 助理,長文件與寫作品質是它的主場。
telemetry.dev
把 AI 代理每一次模型呼叫、工具步驟與檢索串成一條 trace,看出哪一步最慢、哪個模型最燒錢、哪個 MCP 工具最常失敗
agentmash
隊友的 Codex 正在改同一個檔案,你的 Claude Code 動手前就會收到通知;按開發者計費,代理不限數量
Pluto Door
用白話描述問題,Ori 讀 log、跑指令,改動前一定問你;另外把每台 Linux 主機變成有 Dock 和視窗的桌面
Backenly
代理透過 MCP 建好資料庫、登入與儲存,Backenly 每分鐘巡檢並自動修安全範圍內的問題,刪表這類動作一律等人核准
Spacesheep
代理寫好的 HTML 或資料夾一行指令發布成私人網址,人和代理都能留言、改版,還能送電子簽署與接即時資料
猜你也想看的AI 開發者工具
更多美國的 AI 工具
同樣來自美國的 AI 工具,一起看看。
Bolt.new 相關文章與教學
Bolt.new 評測:值得用嗎?
一句話總評
Bolt 讓你在瀏覽器裡用一句話生成、即時預覽並部署全端應用——迭代速度快得驚人,是把點子變成能跑的東西最直接的工具之一。
實際用起來如何
在 Bolt(bolt.new)描述你要的 App,它就在瀏覽器內生成完整專案、即時跑給你看,你邊看邊改、滿意就部署。它把「生成 → 預覽 → 修改 → 上線」的循環縮到極短,對做 MVP、原型與驗證點子非常有感。
最強的地方
- 瀏覽器內即時預覽:所見即所得,迭代超快。
- 全端生成:含前後端,做得出有功能的東西。
- 可部署:做完就能上線。
比較可惜的地方
- 複雜需求有極限:很複雜的邏輯仍需工程師。
- 額度成本:生成吃額度,重度使用要付費。
- 產出需測試:上線前要檢查與把關。
適合誰、不適合誰
適合:想快速做原型、驗證點子的創業者與開發者。
比較不適合:要做大型、複雜正式產品的團隊。
價格值不值
有免費額度試手感;常做原型的人,省下的時間很值得。
替代方案
TheAI學院 評測結論
Bolt 的「即時預覽 + 快速迭代」體驗很出色,是 Vibe Coding 工具裡迭代最爽快的之一。複雜產品仍需工程師,但快速驗證點子,它很強。延伸閱讀:Vibe Coding 入門。
本評測由 TheAI學院編輯群整理,內容力求客觀、含優缺點,僅供參考。
最後更新:2026年10月