TanStarter

身分驗證系統

提供電子郵件/密碼登入與社群登入、密碼重設、郵件驗證與使用者資料管理，實現安全的使用者註冊與存取控制。

金流整合

支援 Stripe 與 Creem 的訂閱與一次性付款，包含價格設定、帳單管理與 webhook 處理，讓交易自動化。

AI 工具箱

透過 Cloudflare Workers AI 與適配器提供 AI 文字處理、聊天、影像產生與編輯，協助開發者快速加入智慧功能。

即可使用的 SaaS 頁面

包含可自訂的著陸頁、訂閱方案頁、部落格、關於我們、聯絡與法律頁，並內建網站地圖與 OG 中繼資料，加速站點上線。

電子郵件與電子報系統

整合 Beehiiv 與 Resend，支援電子報、候補名單與交易郵件範本，簡化受眾溝通與行銷活動。

分析與 SEO 最佳化

提供多種分析整合、自动生成的 SEO 中繼資料以及可自訂主題，提升搜尋排名並追蹤使用者行為。

即時客服聊天

嵌入式 Crisp Chat 讓訪客即時互動，增強支援與轉換率，無需額外設定。

聯盟與通知引擎

內建聯盟計畫管理與通知系統，協助創作者推動推薦，並即時向使用者通知重要事件。

• SaaS 創辦人：使用 TanStarter 的全端 React 樣板（內建認證與 Stripe 整合），加速產品上線。
• AI 開發者：透過 AI Playground 與 Cloudflare Workers AI，即時加入文字摘要、翻譯與影像產生功能。
• 市場行銷團隊：不需自行開發後端，即可部署 SEO 最佳化的著陸頁、部落格系統與 Beehiiv 電子報整合。
• DevOps 工程師：在 Cloudflare Workers 與 D1 上托管，降低營運成本，享有自動部署與邊緣儲存。
• UI/UX 設計師：利用 Shadcn UI、Tailwind CSS 與主題產生器，快速客製化響應式介面並迭代原型。

我到底能得到什麼？

TanStarter 提供基於 TanStack Start 的完整 SaaS 樣板，內含認證、Stripe 與 Creem 支付、Cloudflare D1 資料庫、R2 儲存、郵件整合、新聞信系統、部落格頁面、著陸頁、SEO 工具、可自訂主題、分析、AI Playground 以及終身更新。所有元件皆可直接部署至 Cloudflare Workers。

付費前能先看看嗎？

可以，潛在購買者可在 https://demo.tanstarter.dev 觀看即時示範，購買後可取得原始碼倉庫，並於 https://docs.tanstarter.dev 閱讀完整文件，以確認功能是否符合專案需求後再決定是否購買。

用 TanStarter 能建造多少網站？

單一 TanStarter 授權即可創建無限數量的 SaaS 專案。每個專案都可作為獨立的 Cloudflare Workers 實例部署，開發者能以同一程式碼基底復用，建立多個相互獨立的網站，且不需額外授權費用。

為什麼要選 TanStarter 而不是其他產品？

TanStarter 結合了現代技術棧——TanStack Start、Cloudflare Workers、Stripe/Creem、Drizzle ORM 與 Shadcn UI，同時內建 AI 工具、完整的認證系統與全配置的行銷頁面。它能大幅縮短建置時間、降低基礎設施成本，且遵循業界最佳實踐，是 SaaS 創業者的高性價比選擇。

如何取得技術支援？

技術支援可透過電子郵件 support@tanstaster.dev 取得，亦可加入社群 Discord 伺服器（https://mksaas.link/discord）。Discord 頻道擁有超過 3000 位開發者，可提供除錯、設定建議與功能需求等協助。

AI Playground 怎麼運作？

AI Playground 整合了 TanStack AI、Cloudflare Workers AI 與 fal.ai 的適配器，提供文字摘要、翻譯、聊天、圖像生成與圖像編輯等功能。開發者只需呼叫簡易的 REST 端點，即可快速原型 AI 增強功能，無需自行管理機器學習基礎設施。

包含哪些認證方式？

TanStarter 支援 Email/Password 註冊（可選郵件驗證）、社交登入、密碼重設流程以及使用者資料管理頁面。認證層以 BetterAuth 為基礎，確保安全的會話管理並方便擴充其他登入提供者。

能以 Next.js 取代 TanStack Start 嗎？

TanStarter 針對 TanStack Start 進行最佳化，若想使用 Next.js，可另行購買作者推出的 Next.js 樣板 MkSaaS。MkSaaS 同樣提供 SaaS 就緒功能與 AI 整合，適合需要 Next.js 環境的使用者。

• TanStarter 提供完整的全端 SaaS 樣板，整合 AI 功能、認證、Stripe/Creem 付款、Cloudflare Workers 以及 SEO 優化頁面，協助快速推出產品。

• 在 TanStarter 控制台註冊或登入後，點選「建立新專案」即可產生帶有預設 TanStack Start 架構的全新程式碼庫。

• 在 .env 檔案中設定環境變數，加入 Cloudflare API Token、Stripe Secret Key，並可選填 Beehiiv 或 Resend 憑證以支援電子報。

• 用你慣用的 IDE 開啟專案；倉庫已包含登陸頁、部落格、定價頁與儀表板，皆可透過 Tailwind CSS 與 Shadcn UI 元件自行客製化。

• 執行 npm install 後再執行 npm run dev 啟動本機開發伺服器，終端機會顯示 Cloudflare Workers 的預覽 URL，方便即時測試。

• 使用內建的認證模組開啟 Email/Password 註冊、社群登入與密碼重設流程，並在使用者管理面板確認新註冊的帳號。

• 在 pricing.ts 設定檔中配置產品定價，填寫方案名稱、週期與功能上限，Stripe 整合會自動產生對應的付款連結。

• 使用 npx wrangler publish 部署應用，Cloudflare Workers 會將網站全球部署，且自動產生的 Sitemap 與 OG 中繼資料提升 SEO 可見度。

• 從管理員儀表板的 AI Playground 測試文字摘要、翻譯或影像生成，背後採用 Cloudflare Workers AI 與 Fal.ai 的適配器。

• 查看後台的分析與通知日誌，監測使用者活動、訂閱狀態與 AI 使用指標，以支援資料驅動的決策。

• 依據收集的洞見優化定價、改善認證流程或擴充 AI 功能，提升轉換率，快速推動 SaaS 成長。