BuilderKit

BuilderKit

1811 Labs · 程式設計

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

BuilderKit 的介面預覽

關於 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 專案,文件足以帶你走完。

開始使用

  1. 在 builderkit.ai 購買方案。結帳時折扣會自動套用,再依需要的程式碼範圍選 Landing Pages、Starter 或 Pro。
  2. 收信接受 GitHub 邀請,複製儲存庫,執行安裝指令。
  3. 建立 Supabase 專案,把網址與金鑰貼進環境變數檔,執行內附的 SQL 建立資料表、安全原則與儲存空間。
  4. 填入你要用的模型金鑰;想第一天就收錢,再補上 Stripe 或 Lemon Squeezy 的金鑰。
  5. 部署到 Vercel、綁定網域,刪掉用不到的示範應用程式。後台可以看到每位使用者的 token 用量。

產品資訊

快速了解 BuilderKit 的定價、支援平台與效能。

免費方案否
付費方案$99 - $1,999 one time
平台Web, built on Next.js and deployed to Vercel
開發者1811 Labs
類別程式設計
發布日期Apr 2024
最近更新Mar 2025
網站訪問量3.7K
網站全球排名4.9M
API 提供狀態否

適合對象

這項工具最適合的使用者、任務與情境。

使用者

  • 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 模組、後台與多個示範應用程式。