Bolt.new

StackBlitz 推出的瀏覽器 AI 建站工具:用對話生成網站與 Web App,內建 Bolt Cloud 資料庫、登入與主機

免費或付費 4.4 / 5
一句話介紹: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學院 編輯建議

編輯實測後的真心話
4.4

Bolt 讓我印象最深的不是生成速度,而是它把「上線」這件事也包了:資料庫、登入、網域都在同一個地方。對不會架主機的人,這一步其實比寫程式更難。不過 token 計費是兩面刃,我建議先把需求寫清楚再開始,不要邊想邊叫它改,帳單會差很多。

— theai 編輯團隊

主要功能

  • 對話生成網站、Web App、原型與簡報,瀏覽器內直接執行預覽
  • Bolt Cloud:不限數量資料庫、使用者登入、主機與流量分析
  • 自訂網域與內建 SEO 設定,Pro 方案可移除 Bolt 標誌
  • Figma 設計稿匯入與 GitHub 整合
  • 模型自動路由,依任務平衡品質與成本
  • Teams 方案支援集中帳單、權限管理、私有 NPM registry 與設計系統

如何使用 Bolt.new

  1. 打開 bolt.new,用 GitHub 或 Google 登入,全程在瀏覽器跑,不用先裝 Node 或環境。
  2. 在對話框用中文描述你要的應用,例如「做一個記帳網站,可分類支出並顯示月統計圖」,講清楚頁面與功能。
  3. 等 Bolt 生成專案後,看右側即時預覽視窗確認畫面,左側檔案樹可直接點開改碼。
  4. 要修改就繼續下指令,例如「把按鈕改成台幣符號」「加一個登入頁」,它會增量改動而非重寫。
  5. 遇到報錯時把終端機的錯誤訊息貼回對話,請它修,通常一兩輪能解。
  6. 需要資料庫或金流時串接 Supabase、Stripe,敏感金鑰填在環境變數別寫進程式碼。
  7. 滿意後按部署,透過 Netlify 一鍵上線,拿到網址即可分享 MVP。
  8. 免費有每日 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 工具

猜你也想看的AI 開發者工具

更多美國的 AI 工具

同樣來自美國的 AI 工具,一起看看。

看全部1,883 款美國 AI 工具 →

Bolt.new 相關文章與教學

Bolt.new 評測:值得用嗎?

一句話總評

Bolt 讓你在瀏覽器裡用一句話生成、即時預覽並部署全端應用——迭代速度快得驚人,是把點子變成能跑的東西最直接的工具之一。

實際用起來如何

在 Bolt(bolt.new)描述你要的 App,它就在瀏覽器內生成完整專案、即時跑給你看,你邊看邊改、滿意就部署。它把「生成 → 預覽 → 修改 → 上線」的循環縮到極短,對做 MVP、原型與驗證點子非常有感。

最強的地方

  • 瀏覽器內即時預覽:所見即所得,迭代超快。
  • 全端生成:含前後端,做得出有功能的東西。
  • 可部署:做完就能上線。

比較可惜的地方

  • 複雜需求有極限:很複雜的邏輯仍需工程師。
  • 額度成本:生成吃額度,重度使用要付費。
  • 產出需測試:上線前要檢查與把關。

適合誰、不適合誰

適合:想快速做原型、驗證點子的創業者與開發者。
比較不適合:要做大型、複雜正式產品的團隊。

價格值不值

有免費額度試手感;常做原型的人,省下的時間很值得。

替代方案

TheAI學院 評測結論

Bolt 的「即時預覽 + 快速迭代」體驗很出色,是 Vibe Coding 工具裡迭代最爽快的之一。複雜產品仍需工程師,但快速驗證點子,它很強。延伸閱讀:Vibe Coding 入門。

本評測由 TheAI學院編輯群整理,內容力求客觀、含優缺點,僅供參考。

最後更新:2026年10月

前往官網 ↗