我的第三個獨立開發的專案TinyShip 今天上線了🎉🎉 httinyship.cn看起來是another SaaS template,但我認為完全不是重複造輪子,市面上確實有非常多的SaaS 模板,但我想創造的是一個全新不一樣的體驗。 1 支援雙框架,為了滿足不同框架愛好者,才使用了Next.js 和Nuxt.js 雙框架設計,這也是我在市面上看到的第一個Nuxt 模版。 2 雙市場策略,完全適配國內本土和出海項目,本土支持微信登錄/微信支付/阿里雲短信國際市場支持Stripe、Creem 支付,主流OAuth 登錄以及Twilio 短信。 說起個人項目,現在非常多人都在鼓吹出海,目前市面上的模板也都是針對出海項目的。但我認為獨立開發一定不能忽略國內市場。雖然一直在說國內付費意願低,在你最熟悉的市場,其實比已經競爭非常激烈的出海項目有時候更容易成功。 對於價格來說,大多數 SaaS 模板的定價都是對標國外架構,大多是100 到200 美元。而給自己的定價策略是低價且優質,讓更多開發者有能力購買我的產品。所以價格是299人民幣,早鳥價格期間199 元,應該算是大多數人都能負擔的價格了。 還有更多詳情請看👇
架構: 剛才所說的,工程師總是在框架選擇上犯錯,所以我在應用程式中使用了兩種最受歡迎的全端框架: - Next.js:為React 愛好者準備 - Nuxt.js:為Vue 開發者設計 我自己就是Vue 的愛好者。所以本站其實是在這個基礎上使用Nuxt 搭建的。 採用簡化版的基於PNPM 的monorepo 架構,讓兩個應用可以共享基礎模組: - 統一的認證系統 - 共享的資料庫層 - 一致的支付接口 - 相同的業務邏輯
技術棧: 我想做一個充滿技術品味的現代全端項目,所以採用的是如下的最新技術: - TailwindCSS v4:最新的原子化CSS 框架 - shadcn/ui :現代化組件庫 - TypeScript:完整的類型安全 - Zod:運行時類型驗證 - Better-Auth:企業級認證系統 - Drizzle ORM + PostgreSQL:類型安全的資料庫操作 - CASL:靈活的權限管理 - Vercel AI SDK:AI 能力集成
國內外雙體系支持 一套代碼,雙市場覆蓋 國內:微信登入& 手機號碼登入國外:OAuth 登入(Google、GitHub、Apple)Twilio 手機號碼登入付款:微信支付& Stripe & Creem 國內外無縫切換
無廠商鎖定的架構 採用無廠商鎖定的架構,讓您隨時保持選擇的自由,可自由選擇任何雲端服務商、資料庫、付款供應商,並且使用了Unified API 設計 所有提供者使用一致的接口,真正做到: - 只需更改一個參數即可切換 - 不需要重寫程式碼 - 完全解耦的服務層 目前接取的雲端服務有這些,並且會持續更新更多的服務: 付款:微信支付Stripe Creem 支付寶(計劃中) 郵件服務: Resend 簡訊服務:Twilio 阿里雲
AI 以及AI 輔助開發: Vercel AI SDK:多AI 供應商支持 在應用中實現了實現了一個大模型對話簡單實現,可擴展設計,使用了最新的技術ai-sdk / ai-elements / streamdown 實現非常絲滑的聊天效果,可以按需求擴展為更複雜的功能。未來也會持續推出更多更複雜實現的Demo,讓使用更加簡單。 開發效率上: 每個模組都寫好了https://t.co/jrvQOAxGGR 以及Cursor rules,使用AI 擴充功能更加容易。
內建Admin Panel 開箱即用的管理後台,提供輕量級的使用者管理、訂閱管理、訂單管理等功能。基於現代化UI 元件庫構建,支援角色權限控制等功能。 讓你專注於業務邏輯,而非重複的管理介面開發。

