Bolt.new 指南 2026|AI 生成網站怎麼做?費用、限制與正式營運檢查

內容目錄 顯示

這篇 Bolt.new 指南先給你一個不拐彎的答案:Bolt.new 可以依自然語言需求建立網站、Web App 或行動 App,讓你在瀏覽器裡預覽,修改程式碼,再把版本發布成公開網址。不過,Bolt.new 指南若只停在「輸入提示詞,畫面出現了」,就少了正式營運的主要驗收。

真正的分水嶺不是 AI 有沒有產生第一版,而是這個版本能不能穩定處理真實資料、權限、表單與外部服務,並由明確的人負責成本、安全、SEO、備份及後續修改。公開網址可以是原型的終點,卻只會是正式網站營運的起點。

來源:Introduction to BoltBolt QuickStart guide(查證 2026-07-24)。官方文件說明 Bolt 可從文字需求建立網站及應用,並在 Preview 修改後發布;本文另將正式營運列為獨立驗收層級。

3 句話看懂 Bolt.new 教學

  1. Bolt.new 是整合 AI agent、開發環境、即時預覽、程式碼編輯與發布功能的網站及應用建立平台,不只是把文字轉成一張網頁圖片。
  2. 你可以從提示詞開始,讓 agent 規劃與修改專案,也能直接查看或編輯檔案,再從 Preview 檢查目前結果。
  3. Publish 能建立可分享的公開版本,但正式網站還需要另外驗收資料、權限、安全、SEO、網域、成本、備份與維護責任。

換句話說,Bolt.new 把「描述想法」到「得到可操作版本」之間的距離縮短了。它能協助完成不少技術工作,卻不會替企業決定內容是否正確,流程是否合規,或故障時由誰接手。

Bolt.new、AI Coding Agent 與 WebContainers 是什麼?

Bolt.new 是使用者看到的產品介面,AI Coding Agent 是理解需求及執行開發工作的助手,WebContainers 則提供瀏覽器內的程式執行環境。三者放在同一個畫面裡運作,角色卻不相同。

Bolt.new 是用自然語言建立網站與應用的平台

Bolt 官方將產品定位為 AI 驅動的網站、Web App 與行動 App 建立工具。你可以先描述服務對象、頁面、功能與設計方向,讓系統建立可運作的專案,再透過對話要求修改,或切換到程式碼畫面自行調整。

AI Coding Agent 是能使用工具修改專案的 AI 助手

AI Coding Agent 的英文全名可寫成 Artificial Intelligence Coding Agent,直譯是「人工智慧程式開發代理程式」。白話來說,它不只在對話框回答程式問題,也能根據專案內容規劃工作,撰寫程式碼,修改檔案並協助排除錯誤。

WebContainers 是在瀏覽器內執行 Node.js 專案的 runtime

WebContainers 是 StackBlitz 的產品名稱,不是另一組英文縮寫。若按字面直譯,可理解為「網頁容器」;更精準的中文說法是「瀏覽器內程式執行環境」。它能在瀏覽器分頁中執行 Node.js 應用及作業系統指令,並提供檔案系統、套件安裝與開發伺服器等能力。

Bolt 專案包含可以查看與修改的程式碼

Bolt 預設讓使用者在聊天與預覽之間切換,也提供 Code View 查看專案檔案。官方文件說明,使用者可以直接編輯,建立及刪除檔案,儲存後會重新建置,並在 Preview 顯示結果。

來源:Introduction to BoltChoose your modelCode ViewWebContainers IntroductionTroubleshooting WebContainers(查證 2026-07-24)。官方資料分別說明 Bolt 的產品範圍、agent 工作、檔案編輯能力及瀏覽器內 runtime;對「正式營運」的責任拆分為本文判斷框架。

Prompt、Preview、Code、Publish 與正式網站差在哪裡?

用 Bolt.new 做網站時,畫面能操作,程式能執行,網址能公開與網站能正式營運,是不同的完成層級。若把它們都稱為「網站做好了」,團隊就很難判斷目前只適合展示或測試,還是已經能接真實顧客。

層級你手上的成果適合做什麼還不能直接證明什麼
Prompt對網站需求的文字描述說明受眾、頁面、功能、資料與設計方向AI 已完整理解需求
Preview開發中版本的即時畫面操作流程,找版面問題,逐輪修改公開環境也會正常
Code實作網站的檔案與程式邏輯精準修改、技術審查、交接與版本管理程式品質及安全已通過驗收
Publish部署到 bolt.host 或自訂網域的指定版本對外分享與正式環境測試網站已具備完整營運條件
正式網站通過內容、資料、安全、SEO 與維護驗收的服務顧客接觸、名單蒐集與營運流程承接後續不再需要更新與管理

Prompt 是需求輸入,不是驗收標準

Prompt 直譯是「提示詞」,在 Bolt 裡是你交給 agent 的文字任務。白話來說,它像一份可以持續修正的工作說明:除了「幫我做企業網站」,還應交代網站服務誰,需要哪些頁面,訪客要完成什麼行動,資料從哪裡來,以及哪些內容不能自行補寫。

Preview 與 Code 分別負責操作檢查及實作檢查

Preview 顯示目前開發版本的執行結果,適合用訪客角度點選導覽、表單、按鈕與不同裝置版面。Code View 則讓你查看或直接修改檔案,適合確認資料是否寫死,外部服務如何串接,以及問題究竟來自內容、樣式或程式邏輯。

Publish 是發布指定版本,不是自動完成營運

Bolt 的 Publish 功能可以把專案部署到 bolt.host 網址,並依權限與方案選擇公開或私人可見;付費方案可連接自訂網域。官方也說明,發布後在專案裡做的新修改不會自動套用到線上站,需要再按 Update 才會更新公開版本。

正式網站代表責任已經分配並持續被管理

正式網站至少要回答五個問題:內容由誰確認,資料由誰管理,錯誤由誰處理,費用由誰監看,以及網站停止使用時如何匯出或移轉。若是會員、付款、預約或蒐集個資的服務,還要增加權限、備份、法遵與事件回應。

來源:Bolt QuickStart guideUse Code ViewPublish your project to a live website(查證 2026-07-24)。官方文件分別說明提示詞建立、Preview、檔案編輯、公開或私人發布、自訂網域及 Update 行為;五層成果表與正式網站責任為本文整理。

Bolt.new 目前能做什麼?

截至 2026 年 7 月,Bolt 已把需求規劃、程式建立、預覽、資料庫、版本紀錄、GitHub 與發布放進同一套工作流程。以下是官方文件能確認的能力,不代表 agent 生成的每一個專案都會自動使用,也不代表產出品質不需人工檢查。

Plan Mode 能先討論,Build Mode 才執行修改

使用 Claude Agent 時,Plan Mode 可以依專案脈絡分析需求,提出做法及建立計畫,不會立刻修改既有程式。需求牽涉多個頁面、資料表或外部服務時,先在這個模式確認範圍,能減少 agent 在方向尚未確定時反覆改碼。

Code View 能管理檔案並縮小 agent 的修改範圍

Code View 可以開啟,編輯,建立及刪除專案檔案,儲存後會重新建置。使用者也能指定 agent 聚焦特定檔案,或鎖定不應修改的檔案及目錄,降低一次需求影響到無關部分的機會。

Bolt Database 可處理資料、身分驗證與 Secrets

Bolt Database 提供資料表、使用者身分驗證、檔案儲存、伺服器函式、紀錄及 Secrets 等功能。網站若從純展示頁進展到會員、表單資料、庫存或個人化內容,就可能需要這些後端能力。

版本紀錄、GitHub 與 Publish 能接上交付流程

Version History 直譯是「版本歷程」,指保留先前專案狀態,讓使用者能在修改失敗時回復。這個名稱容易和完整的版本控制混淆:版本歷程著重回到舊狀態,版本控制還包含分支、團隊審查與多人變更管理。

來源:In-app help with Plan and Discussion ModesUse Code ViewBolt DatabaseDatabase: Secrets settingsGitHub for version controlPublish your project to a live website(查證 2026-07-24)。功能描述依官方文件;本文未將版本紀錄或發布前的自動檢查等同完整營運稽核。

Bolt.new 適合哪些網站或 MVP?

Bolt.new 適不適合,不只取決於網站有幾頁,而是團隊能否清楚描述任務,快速測試並安全修正結果。範圍明確,失敗成本可控,而且有人能持續驗收的專案,通常比較適合先用 Bolt 建立第一版。

情境適合怎麼使用 Bolt公開前還要補什麼
單頁活動或提案展示快速建立視覺與互動版本品牌內容、表單流向、SEO 與追蹤
產品概念或 MVP驗證一項核心任務是否有人需要真實資料流程、權限、錯誤處理與成本
內部小工具先測欄位、篩選及工作流程帳號權限、資料保留、備份與維護人
小型資料型應用建立表單、資料表與基本會員流程資料規則、安全測試及正式支援
長期內容型官網先做資訊架構與互動原型編輯流程、SEO、搬移方式與內容維護
付款或高風險服務建立不含敏感資料的測試版本專業程式審查、法遵、資安與事件處理

MVP 適合用來驗證一項核心任務

MVP 的英文全名是 Minimum Viable Product,直譯為「最小可行產品」。白話來說,它是保留足以驗證核心假設的版本,例如先確認訪客會不會使用預約需求表,而不是一開始就把會員、付款、通知、報表與後台權限全部做完。

活動頁、提案展示與內部工具適合先做可操作版本

活動頁、募資提案或產品展示通常有明確訊息、單一行動與有限使用期間,適合先用 Bolt 建立版面及互動,再由負責人確認文字、表單去向、手機版與追蹤設定。這類專案的成果也容易用網址分享給利害關係人。

有明確驗收者與技術退路的團隊更適合使用

AI 建立工具的常見風險是「沒有人知道什麼叫做正確」。專案若有一位能確認內容及流程的負責人,並能在遇到程式問題時找到開發者檢查,Bolt 就比較適合成為加速器,而不是變成沒人敢改的黑盒子。

高風險或長期營運專案不宜只看第一版速度

醫療、法律、金融、付款、敏感個資與高權限後台等情境,錯誤成本通常高於展示型網站。這些專案可以用 Bolt 建立不含真實敏感資料的原型,但正式上線前應加入相應的程式審查、安全測試、法遵確認與事故處理流程。

來源:Prompt effectivelyBolt DatabaseGitHub for version control(查證 2026-07-24)。官方文件說明分段建立功能、資料庫及 GitHub 能力;情境分流表與風險判斷為本文依資料敏感度、驗收難度及維護責任所做的整理。

開始使用 Bolt.new 前要準備什麼?

開始前先準備的不是一則華麗提示詞,而是四份能持續使用的資料:可驗收 brief、測試資料與權限表、成本上限,以及帳號與退場清單。它們會同時改善第一輪需求品質,也讓後續修改不必一直重講背景。

準備物至少要包含用來避免什麼
可驗收 brief受眾、頁面、核心任務、資料來源、限制與完成條件只靠畫面判斷完成
測試資料與權限表假資料、角色、可見範圍、敏感欄位與保留期限真實資料過早進入測試
成本上限token 預算、方案、網域、資料庫與第三方服務只看訂閱費而漏算營運成本
帳號與退場清單專案、GitHub、網域、Email、外部服務與付款帳號所有人離職或換工具後失去控制權

可驗收 brief 要描述受眾、任務與完成條件

第一份 brief 先寫網站為誰服務,再列出訪客的主要行動。每個頁面都要有內容來源,每個功能都要有正常情況、錯誤情況與可觀察結果。例如表單不是只寫「可以送出」,還要說明必填欄位、錯誤提示、成功訊息及資料送去哪裡。

測試資料與權限表要在建立資料庫前完成

原型階段先使用假姓名、假 Email、示意訂單與不具真實效力的內容。若既有資料必須投入測試,先做去識別化並取得適當授權,不要把客戶名單、付款資料或正式外部服務金鑰直接貼進提示詞。

Token 預算要和其他營運成本分開估算

Token 不是縮寫,直譯可理解為「文字片段」。白話來說,AI 會把提示詞、專案檔案、回覆與產生的程式切成 token 來處理,Bolt 也以此計算用量。它不等於一個中文字、一個英文單字或一次功能修改,所以不能只用提示詞數量估算。

帳號所有權與退場路徑要在正式發布前建立

專案、GitHub 儲存庫、網域、公司 Email、資料庫與第三方服務應使用企業可控帳號,避免全部綁在單一協作者的私人信箱。清單要記錄帳號所有人、管理者、付款人、復原方式與離開專案時的移交程序,但不把密碼直接寫在一般文件裡。

來源:Prompt effectivelyProject settingsShare your projectTokensMaximize token efficiency(查證 2026-07-24)。官方資料說明提示詞拆分、Project Knowledge、協作權限與 token 用量來源;成本表與退場清單為本文營運建議。

依官方文件規劃從 Prompt 到發布

以下流程不假設你會寫程式,而是要求每一輪都有明確輸入、可操作輸出與驗收紀錄。流程可以反覆循環,但不要在上一個核心任務還沒測完時,同時加入多個新功能。

可驗收的網站任務要從受眾與行動開始

先用一句話寫出「誰要在這個網站完成什麼事」,再補上頁面、資料與限制。以顧問服務網站為例,核心任務可以是「讓第一次造訪的企業負責人看懂三項服務,選擇一項需求並送出洽詢」。

  1. 目標受眾與使用情境。
  2. 必要頁面及每頁目的。
  3. 訪客要完成的核心行動。
  4. 已提供的文字、圖片與資料來源。
  5. 不可自行捏造的內容。
  6. 行動版、語言及品牌視覺要求。
  7. 正常結果與錯誤結果的驗收條件。

最小可用流程要先完成再加入裝飾功能

第一個可操作版本只保留核心路徑。例如洽詢網站先完成首頁、服務頁、表單及成功訊息,不先加入會員中心、聊天機器人、複雜動畫與多套行銷串接。每做完一項,就在 Preview 用訪客角度操作一次。

正常案例與錯誤案例要在真實資料接入前測試

正常案例用來確認核心流程能走完,錯誤案例則檢查網站遇到空白、格式錯誤、重複操作、網路中斷或權限不足時會怎麼回應。表單至少測空白送出、Email 格式錯誤、重複點擊及成功後重新整理。

發布後要用正式網址重測網域與成本

確認開發版本後,使用 Publish 選單發布指定版本,再開啟產生的 bolt.host 網址測試。若要接自訂網域,先確認方案資格、網域所有權與指向設定,再用自訂網域重測安全連線、導覽、表單、登入及外部串接。

來源:Bolt QuickStart guidePrompt effectivelyMaximize token efficiencyDatabase: Secrets settingsPublish your project to a live website(查證 2026-07-24)。官方文件說明分批提示、版本回復、Secrets、發布與 Update;驗收紀錄及測試案例為本文補充流程。

Tokens、資料、安全、效能、SEO 與維護有哪些風險?

Bolt.new 的風險不是「AI 一定會做錯」,而是第一版速度容易讓團隊跳過原本就該做的網站檢查。以下 15 項適用於準備承接真實訪客的版本;純內部原型也應依資料及使用風險選擇必要項目。

  1. 程式碼:確認重要檔案的存取方式、交接方式與持有者。
  2. 授權:記錄圖片、字型、套件與第三方素材的來源及使用條件。
  3. Secrets:確認金鑰與密碼沒有出現在前端程式、聊天紀錄或公開儲存庫。
  4. 資料庫:定義欄位、權限、保存期限、匯出與刪除方式。
  5. 備份:實際驗證版本回復、資料備份與復原流程。
  6. 權限:檢查 Viewer、Editor、Co-owner 與正式站使用者的最低必要權限。
  7. 表單:測試必填、格式錯誤、重複送出、成功訊息及資料去向。
  8. Email:確認寄件身分、收件結果、退信與寄送服務費。
  9. 錯誤:建立錯誤紀錄、通知方式、負責人與處理時限。
  10. 行動版:用真實手機測試導覽、鍵盤、表單、按鈕與文字閱讀。
  11. 無障礙:檢查鍵盤操作、標題層級、表單標籤、替代文字與顏色對比。
  12. SEO:檢查標題、描述、可爬連結、標準網址、爬蟲指令、網站地圖與索引狀態。
  13. 追蹤:確認分析工具、轉換事件、Cookie 與同意流程符合實際需求。
  14. 成本:拆開 token、方案、網域、資料庫、寄信、儲存與外部服務用量。
  15. 維護:指定更新、監控、備份、發布、回復及退場負責人。

Token 與服務費會隨專案規模及操作方式改變

來源:Bolt 官方價格頁(查證 2026-07-24)。官方當日顯示 Free 為 0 美元、Pro 每月 25 美元、Teams 每月每位成員 30 美元,Enterprise 另洽;價格、token 額度、促銷及功能可能調整,採用前應重新查價。

Bolt 官方指出,多數 token 用量來自專案檔案的讀取、理解與同步。專案擴大後,即使提示詞很短,也可能需要處理更多內容。避免反覆要求「全部重做」,並優先使用 Publish、Update 及 Version History 等內建按鈕,能減少不必要的 Build Mode 操作。

資料與安全需要應用層的人工驗收

Bolt 在發布時會執行安全弱點檢查,資料庫設定也提供 Security Audit,直譯為「安全稽核」,用來列出系統偵測到的設定問題。這個名稱容易讓人誤以為它涵蓋完整資安審查;這些功能能提醒部分問題,卻不能證明應用已完成滲透測試、隱私評估或法遵審查。沒有偵測到問題,只能表示該次自動檢查未列出問題。

效能與 SEO 要在公開網址分開檢測

Preview 能順利開啟,不代表真實訪客的裝置及網路也有相同體驗。發布後應使用公開網址測量圖片、字型、JavaScript 與外部服務造成的載入及互動負擔,並在手機與桌機分開檢查。

來源:Publish your project to a live websiteDatabase: Security settingsWeb VitalsSEO Starter GuideUnderstand JavaScript SEO basics(查證 2026-07-24)。Bolt 文件說明發布安全檢查及資料庫稽核;效能與 SEO 判準依 Google 官方文件。本文未將任何單一工具結果視為完整驗收。

維護風險取決於誰能理解及發布下一次變更

網站上線後仍會遇到內容更新、套件變動、外部服務規格改版、帳號異動及錯誤修復。若團隊只保存最初的聊天紀錄,卻沒有程式碼儲存庫、Project Knowledge、部署說明與帳號清單,下一次修改就很容易重新猜測。

留在 Bolt,交給開發者或轉 CMS 怎麼選?

三條路不是按網站大小機械式選擇,而是看日常工作由誰完成。互動功能持續快速迭代,而且團隊能管理程式及發布,可以留在 Bolt;技術與風險提高,可以讓開發者接手;主要工作變成大量內容發布及多人編輯,則可評估內容管理系統。

後續路徑適合訊號主要負責人內容維護退場條件
留在 Bolt功能仍在快速驗證,團隊熟悉專案及發布流程產品負責人搭配能檢查程式的人依專案介面或程式修改GitHub、帳號、網域及資料匯出方式完整
交給開發者外部串接、權限、效能或安全複雜度持續增加內部工程師或長期技術合作方依既有架構建立可維護流程程式、環境、測試及部署文件可重建
轉 CMS文章、頁面、媒體及多人審稿成為主要日常工作內容團隊搭配網站維護者後台建立、排程、修訂及權限管理內容、網址、媒體、SEO 與轉址可完整移轉

功能仍在快速驗證時可以留在 Bolt

若團隊的主要工作仍是 App 流程調整、產品假設測試或互動功能迭代,Bolt 能讓規劃、程式碼、Preview 與發布留在同一套工作流程。前提是有人持續驗收結果,並能處理資料、權限、成本與錯誤。

技術複雜度提高時可由開發者接手

當專案開始處理多層權限、付款、即時資料、跨系統串接或高流量效能問題,開發者可以直接在 Code View 或 GitHub 儲存庫檢查及改寫程式。專案不一定要離開 Bolt,但修改、測試、審查與發布責任要正式交接。

大量內容更新與多人審稿可評估轉 CMS

CMS 的英文全名是 Content Management System,直譯為「內容管理系統」。白話來說,它讓非工程人員透過後台完成文章與頁面的建立、編輯、排程及發布,也能管理媒體、修訂紀錄及內容角色;WordPress 是其中一個例子。

來源:GitHub for version controlPublish your project to a live websiteWordPress GlossaryWordPress Features(查證 2026-07-24)。Bolt 文件說明程式碼及發布退路;WordPress 官方資料說明 CMS、文章、頁面、媒體、修訂與使用者管理能力。三路決策表為本文依工作型態及責任所做的整理。

內文精華總結

  • Bolt.new 適合快速驗證有明確核心任務的網站及 MVP,但第一版速度不能取代需求與發布驗收。
  • 成本包含方案與 token,也可能包含網域、資料庫、Email、第三方 API 及人工維護,應以官方最新價格和實際帳單估算。
  • 公開前要檢查資料、Secrets、權限、表單、RWD、無障礙、效能、SEO、監控、備份及回復流程。
  • 後續可依功能複雜度及內容更新需求,選擇留在 Bolt、交由開發者接手,或轉入具備內容治理流程的 CMS。

想把Bolt.new 教學規劃成能長期營運的網站?

先用秒站建立可操作的網站,再依實際內容、功能與營運需求調整。你可以先試用,查看方案,或從真實案例確認適合自己的方向。

延伸閱讀

AI 建站工具系列文章

秒站現在不只是一套版型。你可以從現成架構快速開始,用頁面編輯器拖曳、複製與調整版面;需要更高自由度時,也能和 AI 協作,把自製頁面放進 Vibe 畫布。上線速度與設計自由不必二選一。

重點整理

Bolt.new 是什麼?

Bolt.new 是以自然語言協助建立網站及 Web App 的 AI 開發平台,會在瀏覽器環境中產生及修改可查看的程式專案。它適合快速驗證功能,但正式營運仍要人工驗收資料、安全、效能、SEO、成本及維護責任。

Bolt.new 免費嗎?

有免費方案。Bolt 官方價格頁在 2026-07-24 查證時顯示 Free 為 0 美元,並另有付費方案;免費額度、token、功能及促銷可能調整,應以最新官方價格頁與帳號用量畫面為準。

Bolt.new 一個月多少錢?

截至 2026-07-24,Bolt 官方價格頁顯示 Pro 每月 25 美元,Teams 每月每位成員 30 美元,Enterprise 另洽。實際成本還可能包含額外 token、資料庫、網域、第三方 API 及人工維護,採購前要重新查價。

Bolt.new 可以用中文提示詞嗎?

可以先用中文描述受眾、核心任務、必要頁面、資料欄位及完成條件,再檢查 Agent 是否正確理解。本文沒有完成指定帳號的中文實測,因此正式專案仍要以自己的提示詞、生成結果及修正成本驗證。

Bolt.new 可以發布並綁自訂網域嗎?

Bolt 提供發布流程並可接續網域設定,但可用方式與方案可能調整。公開後要用正式網址重新檢查 DNS、HTTPS、表單、環境變數、SEO、分析工具及錯誤監控,不能只看到預覽頁能開。

Bolt.new 的 token 怎麼計算?

token 會受到提示詞、上下文、專案大小及 Agent 執行內容影響,不宜把一次操作固定換算成相同成本。應從帳號用量畫面記錄每輪修改及剩餘額度,並把返工、部署與第三方服務一併納入預算。

Bolt.new 適合做正式網站嗎?

可以成為正式網站的建立工具之一,但是否適合要看團隊能否承擔程式碼、資料、安全、監控、版本及後續發布。內容大量更新,多人審稿或需要穩定 CMS 流程時,也應比較交給開發者或轉正式架站服務。

Bolt.new 上線前要檢查什麼?

至少檢查帳號與程式碼所有權、資料與 Secrets、表單及權限、RWD、無障礙、效能、SEO、HTTPS、分析追蹤、錯誤監控、備份、成本及回復流程。每一項都要有負責人與可重現證據。