使用现代技术栈更快地交付你的 SaaS

一个基于 TanStack Start、React、Tailwind CSS 和 shadcn/ui 构建的生产就绪 SaaS 模板。认证、支付、仪表盘等功能一应俱全。

SoarStarter 产品预览,展示仪表盘、认证、支付、文档和 AI 工具

基于现代 SaaS 团队常用的技术栈构建。

TanStack
React
TypeScript
Tailwind CSS
shadcn/ui
Drizzle
Better Auth
PostgreSQL
Docker
Resend
Stripe
Creem
Vercel
TanStack
React
TypeScript
Tailwind CSS
shadcn/ui
Drizzle
Better Auth
PostgreSQL
Docker
Resend
Stripe
Creem
Vercel
TanStack
React
TypeScript
Tailwind CSS
shadcn/ui
Drizzle
Better Auth
PostgreSQL
Docker
Resend
Stripe
Creem
Vercel
TanStack
React
TypeScript
Tailwind CSS
shadcn/ui
Drizzle
Better Auth
PostgreSQL
Docker
Resend
Stripe
Creem
Vercel

一应俱全

上线 SaaS 所需的核心模块

从可运行的产品基础开始,而不是从零接入认证、支付、内容、仪表盘和 AI 工具。

数据库与内容

Drizzle、Postgres、迁移文件、MDX 内容、文档和博客路由都已按真实产品结构组织好。

用户认证

Better Auth 提供邮箱密码流程、社交登录扩展、受保护的仪表盘路由和可复用认证表单。

用户仪表盘

shadcn/ui 仪表盘框架、侧边栏导航、图表、表格和账户菜单都可以直接改造成你的产品。

AI 与数据分析

聊天、图像、视频、音频和分析示例提供了构建产品级 AI 功能的实用模式。

你将获得什么

快速了解 starter 中已经包含的产品模块。

认证流程

登录、注册、重置、验证、会话和受保护的仪表盘路由。

支付订阅

定价方案、checkout 创建、支付成功页和订阅相关页面。

仪表盘 UI

侧边栏框架、账户导航、图表、卡片和表格模式。

数据库层

Drizzle schema、迁移、认证表和支付记录。

文档与博客

基于 Fumadocs 的文档、MDX 内容、法律页面和博客列表。

邮件模板

验证、密码重置、联系表单和 newsletter 模板。

AI 示例

聊天、图像、视频和音频生成模式,以及 provider 适配层。

国际化

本地化路由、语言切换和中英文文案字典。

为第一次真实上线准备

模板内置大多数 SaaS 在第一个客户注册和付款前就需要的核心页面与流程。

7

认证路由已包含

3

定价方案已配置

4

AI 工具示例

Tech stack

Build with your favorite tech stack

Use the latest industry-standard tech stack for your next project

T

TanStack Start

Full-stack SSR React framework with type-safe routing.

🔐

BetterAuth

The best open source authentication library.

Drizzle ORM

Lightweight, performant, headless TypeScript ORM.

C

Creem

Smooth payments for SaaS and Indie Hackers that don't break the bank!

Shadcn UI

Open source components for building modern websites.

🌊

Tailwind CSS

The CSS framework for rapid UI development.

R

Resend

The best modern email service for developers.

Vercel AI SDK

The open source AI Toolkit for TypeScript.

💬

ChatGPT

The most powerful AI model with API access.

fumadocs

The documentation framework for modern apps.

从克隆项目到完成支付,少走重复搭建流程

直接使用内置应用路由、数据库结构、支付流程、邮件模板和仪表盘布局,作为你的 SaaS 起点。

模板将产品关注点拆分清晰,因此你可以替换演示内容,而不必先解开基础架构。

1

配置环境变量

复制示例 env 文件,并加入认证、数据库、支付、邮件和 AI provider key。

2

连接数据库

将 Drizzle 指向 Postgres,检查 schema,并为上线环境运行迁移。

3

设置支付产品

将定价方案映射到支付产品 ID,并在开放注册前测试 checkout。

4

部署应用

配置完成后,可使用任意 Nitro 部署预设(Node、Serverless、Edge 或静态)上线。

快速配置

配置环境变量、连接服务,然后开始迭代你的产品逻辑。

类型化基础

TypeScript、Drizzle schema、共享配置和可复用 UI 模式让改动更可控。

核心上线路径清晰可见,而不是散落在各处配置说明中。
payments illustration light

定价

选择最适合您的方案。

Free
For evaluating the starter and building your first project.
Free
  • Up to 3 projects
  • 1 GB storage
  • Basic analytics
  • Community support
  • Custom domains
  • Custom branding
  • Lifetime updates
Most Popular
Pro
For teams that need subscriptions, automation, and higher limits.
US$9.90/mo
  • Unlimited projects
  • 10 GB storage
  • Advanced analytics
  • Priority support
  • Custom domains
  • Custom branding
  • Lifetime updates
Lifetime
One-time purchase for all core features and future template updates.
US$199 one-time
  • All Pro features
  • 100 GB storage
  • Dedicated support
  • Enterprise security
  • Advanced integrations
  • Custom branding
  • Lifetime updates

为实际发布而设计

这里展示的是模板适用场景,而不是虚假的客户背书。

独立创业者

更快启动

认证、定价、文档和仪表盘结构已经连通,你可以把时间花在真正的产品想法上。

全栈开发者

更清晰的基础

项目结构让应用路由、共享配置、数据库结构、邮件、AI provider 和 UI primitives 都容易找到。

个人开发者

减少启动阻力

可运行的 boilerplate 能帮助你先验证业务,而不是把动力消耗在重复搭建上。

常见问题

帮助开发者在基于模板开发前快速了解关键细节。

还有没有覆盖到的问题? 联系我们

从可运行的 SaaS 基础开始

把模板作为发布起点,然后将产品、定位和客户体验打磨成你自己的样子。