BuilderKit
1811 Labs · 程式設計
BuilderKit 是一套給 AI 產品用的 Next.js SaaS 樣板。付一次錢就能拿到整份程式碼,包含登入、Stripe 付款、AI 模組與 17 個示範應用程式,改一改就能上線收費。

關於 BuilderKit
About
什麼是 BuilderKit
BuilderKit 是一套以程式碼形式交付的 AI 開發套件,不是託管服務。付費之後你會拿到私有 GitHub 儲存庫的存取權,直接複製一份已經能跑的 Next.js 應用程式,不必從空白資料夾開始。程式碼以 TypeScript 撰寫,處理的正是大多數創辦人會重寫一遍的東西:登入、訂閱、資料表、交易信件,以及幾項 AI 功能。
技術底層很常見,文件也寫得清楚。應用程式用 Next.js,介面用 Tailwind CSS 搭配 shadcn 元件,資料庫、身分驗證與資料列層級安全交給 Supabase。部署走 Vercel,官網承諾長時間的 AI 請求不會被逾時中斷。這點很實際,因為一段聊天回答的生成時間,往往超過 Serverless 函式的預設上限。
付錢之前該知道限制。BuilderKit 不是無程式碼工具。你得讀得懂 React 與 Next.js、在終端機跑幾個指令,還要自己申請 OpenAI、Anthropic 或你選的模型的 API 金鑰。沒有試用期,也不接受退款,所以這筆錢等於押在文件品質上。我們讀過一輪,只要本來就熟悉 Next.js 專案,文件足以帶你走完。
開始使用
- 在 builderkit.ai 購買方案。結帳時折扣會自動套用,再依需要的程式碼範圍選 Landing Pages、Starter 或 Pro。
- 收信接受 GitHub 邀請,複製儲存庫,執行安裝指令。
- 建立 Supabase 專案,把網址與金鑰貼進環境變數檔,執行內附的 SQL 建立資料表、安全原則與儲存空間。
- 填入你要用的模型金鑰;想第一天就收錢,再補上 Stripe 或 Lemon Squeezy 的金鑰。
- 部署到 Vercel、綁定網域,刪掉用不到的示範應用程式。後台可以看到每位使用者的 token 用量。
產品資訊
快速了解 BuilderKit 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- React 與 Next.js 開發者:框架本來就熟,整份儲存庫讀起來像自家程式碼,不是黑盒子。如果從沒發表過 Next.js 應用程式,請留一週熟悉時間。
- 會寫程式的獨立創業者:登入、收款、寄信是最枯燥的四十小時。買下來比重寫便宜,前提是你願意日後自己維護。
- 正在驗證 AI 點子的小團隊:付款流程能跑,就代表可以真的收錢、量測需求,再決定要不要請後端工程師。
任務
- 接上 Google 登入、免密碼連結與 Stripe 訂閱:整合已經串好,含 webhook 與受保護路由。
- 加上聊天、文字生成、圖片生成或語音模組:每個模組都是獨立資料夾,複製到自己的路由就能用。
- 產品還沒生出來就先開等待名單與行銷頁:13 到 15 種著陸頁版型,涵蓋常見的 SaaS 版面。
- 在固定期限內交付客戶原型:一個完整示範應用程式,讓第一次會議就有東西可以點。
情境
- 週末做一個能收錢的最小可行產品:接好 Supabase 與 Stripe,刪掉不要的示範應用程式,產品外殼就能開賣。
- 先驗證某項 AI 功能再決定要不要投入開發:跑其中一個示範應用程式,拿給使用者看,順便盯後台的 token 計數。
- 接案或代理商工作:同一份基底儲存庫重複用在多個專案,授權允許你建立無限個自己的應用程式。
主要功能
程式碼完全屬於你
拿到的是原始碼,不是託管帳號。儲存庫以 Next.js、TypeScript、Tailwind 與 shadcn 元件組成,包含伺服器端渲染、Edge 函式、檔案上傳與具型別的 API 路由。因為沒有任何一部分被鎖在平台上,你可以改寫任一區塊,日後換主機,或整包交給客戶。自由的代價是維護:相依套件升級得自己來。
五種 AI 模組,模型自己挑
AI 層拆成聊天、文字生成、圖片生成、語音轉文字與文字轉語音。聊天模組內建 OpenAI、Claude、Mistral、Llama 與 DeepSeek 的轉接層,換模型通常只改一個環境變數加一點設定。語音轉錄走 Whisper 或 Deepgram,圖片生成支援 Stable Diffusion 與 Astria 模型。每個模組都以串流輸出,長回答不會看起來像卡住。
登入、付款、信件都接好了
Supabase 負責 Google 登入、免密碼連結、電子郵件登入與工作階段儲存,受保護頁面的外層元件也已經寫好。收款走 Stripe 或 Lemon Squeezy 的付款連結,2025 年三月的更新補上訂閱管理:月繳或年繳、各方案點數餘額、客戶入口。交易信件可接 Loops 或 Resend,客服則有 Crisp 小工具。
17 個現成示範應用程式
Pro 方案附 17 個示範應用程式,包括多模型 ChatGPT 複製品、與 PDF 對話、與 YouTube 對話、圖片生成器、室內設計工具、QR 碼產生器、人像模型訓練,以及 YouTube 內容改寫。每一個都是能跑的參考實作,這比功能清單有用:你看到串流、上傳與點數檢查如何在一條真實路由裡配合。Starter 方案只留五個。
後台與 token 用量追蹤
內建後台列出使用者、方案與 token 消耗,也能手動調整方案。AI 產品的成本核心就是用掉多少,一開始就有每位使用者的計數,等於省下自己寫計量機制的工夫。同一個面板會即時更新用量,當某個重度使用者正在吃掉你的毛利時,這個數字很有用。
著陸頁、等待名單與 SEO
套件內含 13 到 15 個著陸頁區塊、等待名單版型、meta 與 OpenGraph 標籤、自動產生 sitemap,以及附草稿文字的隱私權與服務條款頁。這些正好是「程式能跑」到「敢送上 Product Hunt」之間那些不上相的雜事。SEO 部分用的是 Next.js 標準中介資料,不是自製系統,行為跟預期一致。
優缺點
優點
- 一次付費、沒有月費,授權涵蓋你自己建立的無限個商業應用程式。
- 登入、收款、信件與後台都已串接,省掉單人開發最慢的那一段。
- 17 個示範應用程式都是可執行的程式碼,串流、上傳與點數檢查都能在情境裡讀懂。
- 轉接層涵蓋 OpenAI、Claude、Mistral、Llama 與 DeepSeek,不會被單一供應商綁死。
- 附文件、影片教學與更新紀錄,2025 年三月的訂閱功能更新也證明專案還在動。
缺點
- 需要具備 React 與 Next.js 的實作能力,完全不會寫程式的人會卡在第一個環境變數。
- 沒有試用也沒有退款,等於先付錢才看到程式碼,購買前請先讀文件。
- 99 美元方案只有著陸頁版型,不含應用程式基底,這個差別很容易看漏。
- 支援靠電子郵件與 Discord,不是託管服務,相依套件壞掉得自己修。
常見問題
BuilderKit 是一套付費的程式碼樣板,用來在 Next.js 上建立 AI SaaS 產品。買一次會拿到私有 GitHub 儲存庫,內含身分驗證、訂閱收款、AI 模組、後台與多個示範應用程式。
相關內容
探索與 BuilderKit 相關的工具、技能與文章。
BuilderKit 替代方案

Udon
Udon · 程式設計 · 生產力Udon 把 Apple Silicon 的 Mac 變成 Mac 家庭伺服器,從瀏覽器就能管理容器與檔案共享,並可選擇啟用 AI 系統管理員。

offstage
offstage cloud · 程式設計 · 生產力offstage 給 AI 代理與 CI 工作一台真正的 Mac:Apple 晶片上的全新 macOS 27 帳號,用 API 操作,依秒計費。
BotBus
Chengdu Tuyang Tusen Technology Co., Ltd. · 程式設計 · 生產力BotBus 把電腦上執行的 AI 編碼代理帶到手機與手錶,讓你不在桌前也能核准指令、啟動任務、查看結果。
