Bolt.new
免費增值
AI工具大全 AI編程工具

Bolt.new

在瀏覽器中用自然語言構建並發布完整應用

標籤:

Bolt.new是什麼

Bolt.new是StackBlitz所推出的瀏覽器型AI網站及應用程式開發平台。使用者描述完產品需求後,智慧體便能建立專案檔案、安裝所需依賴套件、運行Node.js服務、處理錯誤,並持續進行修改。

它透過 WebContainers 技術來提供瀏覽器內的開發環境,因此無需先在本地安裝相關的工具鏈。目前可以以此來打造網站、全堆疊式 Web 應用程式,以及透過 Expo 建構的行動應用程式;同時還可以利用 Bolt Cloud來管理資料庫、託管服務及域名。

Bolt.new主要功能

  • 根據自然語言生成網站、SaaS、後台、商店和互動工具;
  • 在瀏覽器內運行Node.js、套件管理器、檔案系統以及開發伺服器;
  • 可切換AI智能體,直接查看與編輯完整源代碼;
  • 導入Figma、Google Stitch、GitHub或Lovable專案;
  • 透過Expo生成和發布iOS、Android行動應用;
  • Bolt Database提供資料表、認證、檔案、日誌和伺服器端函數;
  • Bolt Hosting提供免費子域名、HTTPS和內建發布功能;
  • Pro可連接自訂域名、去除品牌並使用SEO Boost;
  • 支援Stripe、Supabase、GitHub、Google SSO和MCP;
  • 多人實時協作、團隊模板和設計系統知識適合組織使用。

瀏覽器內全堆疊開發環境

Bolt運用WebContainers,在瀏覽器的標籤頁中執行Node.js伺服器、終端機、套件管理工具以及檔案系統。AI不僅能產生程式碼,還能啟動應用程式、讀取控制台中的錯誤訊息,並對同一個專案進行修改。

該環境特別適合JavaScript與Node.js生態系,官方建議使用Chrome、Edge、Brave或Opera等Chromium瀏覽器。傳統的原生後端、無法在瀏覽器中運行的工具鏈,或是需要特殊系統支援的應用程式,則可能需要外部環境。

對話生成與代碼視圖

初學者可持續使用對話方式來修改內容,而開發者則可以進入 Code View 來直接編輯檔案、安裝套件並檢查版本。提示詞應說明技術架構、資料模型、頁面設計、使用者角色以及驗收條件。

大型專案每次傳送訊息時都會同步更多檔案,因此會消耗更多Token。透過忽略檔案來排除依賴項目、建構產物以及無關目錄,即可減少上下文與錯誤的干擾。

Figma、Stitch與專案導入

Bolt可以從Figma設計、Google Stitch、GitHub倉庫或Lovable專案開始建構。視覺導入適合用來快速建立頁面的架構,但回應式設計、互動功能、字體以及設計相關的參數仍需逐一調整。

Bolt Database與認證

當應用程式需要持久性儲存資料時,Bolt可以自動建立資料庫,並在應用程式中管理表格、使用者、認證機制、檔案、金鑰、日誌以及伺服器端函數。使用者也可以在開始時選擇使用Supabase,或明確要求僅使用本地儲存。

資料庫數量可不受限制,但容量、頻寬及其他資源則受套裝方案的限制。當專案版本回退時,資料庫不會同步恢復,因此在進行重要遷移之前,必須先單獨備份資料,並準備好回滾腳本。

Bolt Hosting與域名

免費用戶和付費用戶都可以將內容發布在免費的bolt.host子域名上,而Pro版用戶則可以連接自定的域名,並且能夠移除Bolt的品牌標誌。新專案預設會使用Bolt Hosting,不過在首次發布之前,也可以選擇Netlify。

託管請求、檔案上傳以及資料庫的容量都有套餐上限,一旦超過這些限制,就必須升級或調整架構。此外,實際應用程式還應配備監控、錯誤警報、備份以及安全應對機制,而不應僅依賴發布成功的提示。

Expo移動應用

Bolt透過Expo的整合功能來打造跨平台的行動應用程式,可以建立使用者介面、導航功能以及業務邏輯,並在裝置上進行預覽。不過,若要將應用程式上傳到App Store或Google Play,仍需要開發者帳戶、簽名、隱私資料,以及通過商店的審核。

GitHub與多人協作

GitHub的整合功能可用於導入、同步、備份以及持續進行本地開發。多人模式則能讓多人共同使用專案及進行協作,而Teams則進一步提供了團隊權限管理、範本、私有的NPM倉庫,以及設計系統相關的功能。

團隊套餐是依成員數量來計費的,每位付費成員都有自己獨立的Token額度,這些額度無法在成員之間共享。在進行代碼合併以及將代碼發布到實際環境時,仍應使用分支保護、測試以及人工審核等流程。

Bolt.new功能對比

能力主要用途運行或儲存位置注意事項
WebContainers運行Node.js和開發工具瀏覽器沙箱偏JavaScript生態
AI Agent生成、調試和修改代碼專案會話大型項目更耗Token
Bolt Database數據、認證、文件和函數Bolt Cloud代碼回退不恢復數據
Bolt Hosting發布網站與Web應用雲端受請求和容量限制
Expo構建移動應用Web專案與Expo服務上架需外部開發者帳戶
GitHub版本控制與本地接力用戶倉庫需管理分支與權限

Bolt.new價格

Bolt根據AI Token及雲端資源的不同,提供Free、Pro、Teams和Enterprise四種方案。下表為官網上所列的以美元計算的月費起點,Pro方案還有更高級別的Token選項,若選擇年付則可節省約28%的費用,實際價格請以訂閱頁面所示為準。

套餐價格AI Token主要權益
Free0美元每月100萬;每日最多30萬公私專案、Bolt品牌、10MB上傳、託管及無限資料庫
Pro25美元/月起每月1,000萬起,無每日上限去品牌、100MB上傳、私密分享、自訂域名與擴展雲容量
Teams30美元/成員/月起按每位成員套餐分配,不共享集中計費、權限、組織分享、私有NPM和設計系統知識
Enterprise訂製報價按合約配置SSO、審計、合規、資料治理、SLA及24小時支援

Token與雲資源規則

項目FreePro起規則
AI Token100萬/月,30萬/日1,000萬/月起讀取、思考、生成和同步項目均消耗
Token結轉不結轉可保留一額外週期自發放起最長有效兩個月且需保持付費
網站請求最多約33.3萬Pro起最多約100萬雲端實際限制隨套餐檔位
文件上傳單次上限10MBPro起100MB不等同於資料庫與對象儲存總容量
資料庫數量不限數量不限、容量擴大資源額度仍受帳戶計劃限制

付費月度Token採用先進先出原則,未用額度可延續一個週期,自原發放日算起最長兩個月。取消或付款失敗後將失去結轉額度訪問權;

重新訂閱時,尚未過期的額度可以恢復。

部分最高個人月付檔和年度Pro可購買不失效的Reload Token,價格隨套餐顯示。Teams Token綁定產生額度的成員,不會進入團隊共享池。

Bolt.new使用教學

從零創建全堆疊Web應用

  1. 列出用戶角色、核心頁面、資料表和一條主流程;
  2. 在首條提示中指定框架、風格與移動端要求;
  3. 先生成最小可用骨架,不一次加入所有功能;
  4. 逐步添加認證、資料庫和伺服器權限;
  5. 用測試帳戶驗證正常、錯誤和越權路徑;
  6. 在Code View審查金鑰、依賴項目及產生代碼;
  7. 發布預覽,完成安全與業務驗收後再綁定正式域名。

節省Token完成複雜項目

  1. 為專案撰寫一份簡短的需求與技術約束文件;
  2. 用忽略檔案排除依賴、建構產物和大檔案;
  3. 把任務拆為界面、數據、權限和測試小步驟;
  4. 同類簡單修改合併為一次明確指令;
  5. 避免在長會話中反複貼上完整上下文;
  6. 每一步先驗證再繼續,減少返工和重複生成;
  7. 定期同步GitHub並在新分支處理大型改造。

發布一個安全的資料庫應用

  1. 區分開發與生產金鑰,使用最小權限帳戶;
  2. 為每張表設計伺服器授權和輸入校驗;
  3. 啟用認證並測試普通用戶與管理員邊界;
  4. 檢查檔案上傳類型、大小和訪問控制;
  5. 備份生產數據並測試遷移回滾;
  6. 設定域名、HTTPS、日誌和錯誤監控;
  7. 人工審查生成代碼後再開放真實用戶。

Bolt.new適合哪些用戶

  • 無代碼基礎的創作者:透過對話製作可運行的產品;
  • 創業者:快速驗證網站、SaaS和業務流程;
  • 產品經理:建立可互動原型供團隊測試;
  • 開發者:加速腳手架、介面、調試和整合;
  • 設計師:將Figma或Stitch設計發展為應用程式;
  • 行銷與代理機構:製作活動頁面及客戶專案;
  • 行動應用團隊:用Expo驗證跨平台App創意。

Bolt.new的優勢

  • 無需本地安裝即可生成、運行和編輯全堆疊代碼;
  • WebContainers讓AI直接操作真實開發環境;
  • Bolt Cloud整合資料庫、認證、託管和域名;
  • 支援Web應用和Expo行動應用兩類輸出;
  • 可導入Figma、GitHub、Stitch和Lovable;
  • 用戶擁有生成代碼的權限,可下載或同步至GitHub;
  • 官方公開Bolt核心範例代碼,便於開發者研究與擴展。

使用限制與注意事項

  • 專案越大,每條訊息同步檔案所消耗的Token就越多;
  • 免費版每日30萬Token限制可能中斷連續開發;
  • 生成代碼可能存在越權、注入、依賴與業務邏輯漏洞;
  • 瀏覽器環境對非JavaScript技術堆疊和系統依賴有限制;
  • 專案版本恢復不會還原資料庫,誤操作可能影響真實數據;
  • 託管、資料庫和請求量雖內建,仍有容量上限;
  • AI生成的行動應用不等於自動通過應用商店審核;
  • 第三方服務、域名和商店開發者帳戶可能另行收費。

安全、隱私與代碼歸屬

Bolt專案在瀏覽器的WebContainer中運行,這樣就能減少一般開發任務對遠端虛擬機的依賴性。不過,資料庫、托管服務、AI請求以及整合功能仍需依賴雲端服務。對於敏感專案而言,應仔細檢視現行的隱私條款、團隊控制功能以及企業級資料治理選項。

官方說明,使用者擁有在Bolt上所創建的代碼,且可將其用於合法的商業項目中。此權利並不涵蓋第三方的素材、商標、未經授權的資料,或是需要許可證才能使用的內容,發布者仍需自行審核。

  • 不要在提示詞、前端代碼或公開倉庫寫入生產密鑰;
  • 資料庫必須實施伺服器端行級與角色權限;
  • 外部MCP和NPM套件應審查來源、權限及維護狀態;
  • 為GitHub啟用分支保護、金鑰掃描和依賴檢查;
  • 重要資料庫在結構變更前單獨備份;
  • 企業專案可諮詢SSO、審計、保留策略與合規支援。

GitHub、API與開源說明

StackBlitz在GitHub上公開了Bolt的開源程式碼庫,其中包含了用於開發瀏覽器級AI工具的介面及伺服器端元件,且這些元件是透過WebContainer API來運作的。個人或用於開源目的時,可依照相關條款使用WebContainers;而若用於商業產品,則需要確認是否有相應的商業授權。

商業託管產品Bolt.new包含持續更新的模型、雲端資源、協作及企業級功能,不能簡單等同於倉庫快照。官方並未為Bolt.new的所有功能提供穩定的通用公共API,因此自動化接入時應以現行的官方文件及企業方案為準。

常見問題

Bolt.new免費嗎

Free每月提供100萬Token,每日最多使用30萬,並包含項目、資料庫和基礎託管。免費發布的頁面會保留Bolt品牌,且無法使用自訂網域名稱。

Bolt.new Pro多少錢

Pro月付25美元起,包含每月1,000萬Token;更高Token檔位價格相應增加。

年付優惠和當前檔位應以結算頁面為準。

Bolt.new能開發手機App嗎

可以透過Expo建立跨平台的行動應用,並在裝置上進行測試。若要正式上架,則仍需要Apple或Google的開發者帳戶、簽名、隱私權聲明,以及商店的審核。

Bolt.new包含資料庫和託管嗎

包含,Bolt Cloud可自動建立資料庫,並提供認證、檔案、日誌及伺服器端函數,Bolt Hosting則可發布至免費子網域。儲存容量與請求次數會隨套裝方案而改變。

Bolt.new是開源的嗎

Bolt核心範例代碼庫已於GitHub上公開,但商業版Bolt.new平台的雲端服務、現有模型以及所有功能,並不等同於完整的開源自托管版本。

©️版權聲明:若無特殊說明,本站所有文章版權均歸AI工具分享本網站的內容為原創作品,任何人或機構在未獲許可的情況下,都不得轉載、抄襲或以其他方式複製並發表本網站的內容,亦不得在非本網站所屬的伺服器上建立其鏡像版本。否則,本網站將依法追究相關責任人的法律責任。

類似於Bolt.new的工具