LogoTanStarter 文档
LogoTanStarter 文档
首页模板介绍代码库快速开始环境配置
网站配置
部署

功能集成

Cloudflare数据库身份验证邮件邮件订阅存储支付通知分析聊天框联盟营销

功能定制

元数据页面落地页博客组件用户管理密钥管理

代码库

项目结构代码检查编辑器设置更新代码库
X (Twitter)

模板介绍

介绍 TanStarter,一个构建于 Cloudflare Workers 上的完整 TanStack Start SaaS 模板

什么是 TanStarter?

欢迎使用 TanStarter,一个构建于 Cloudflare Workers 上的完整 TanStack Start SaaS 模板。这个项目旨在通过一个强大的、模块化和可扩展的基础来加速您的开发。

无论您是初学者还是经验丰富的开发者,本文档都将指导您完成网站的配置和部署。让我们开始吧!

技术栈

TanStack Start

基于 React 的全栈框架,支持文件路由。

Drizzle ORM

类型安全的数据库 ORM 工具。

Tailwind CSS

实用优先的 CSS 框架。

Better Auth

现代、安全且框架无关的身份验证方案。

Shadcn UI

精美的预构建 UI 组件库。

Base UI

无样式的 UI 组件库。

Resend

现代的电子邮件发送服务。

Stripe

安全可靠的在线支付平台。

Cloudflare Workers

无服务器边缘计算平台。

Cloudflare D1

基于 SQLite 的无服务器数据库。

Cloudflare R2

零出口费用的对象存储。

Content Collections

类型安全的内容数据集合库。

本文档的范围

本文档假设您对 TanStack Start 和 Cloudflare Workers 有一定的了解。如果您不熟悉,请参考相关技术的官方文档,因为我们不会在本文档中涵盖基础知识。要完全掌握模板的功能,并上线成功的 SaaS 网站,了解这些技术至关重要,因此请务必阅读它们的官方文档。

  • TanStack Start: TanStack Start 文档
  • Drizzle: Drizzle 文档
  • Tailwind CSS: Tailwind CSS 文档
  • Shadcn/ui: Shadcn/ui 文档
  • Base UI: Base UI 文档
  • Better Auth: Better Auth 文档
  • Resend: Resend 文档
  • Stripe: Stripe 文档
  • Cloudflare Workers: Workers 文档
  • Cloudflare D1: D1 文档
  • Cloudflare R2: R2 文档
  • Content Collections: Content Collections 文档

获取帮助

如果您遇到困难,以下是一些获取帮助的方法:

  • 阅读 TanStarter 文档
  • 在 X (Twitter) 上关注我们
  • 加入我们的 Discord 社区

下一步

现在您已经了解了 TanStarter,以下是一些后续步骤:

快速开始

TanStarter 模板快速开始

环境配置

配置环境变量

数据库

配置数据库

部署

部署到 Cloudflare Workers

代码库

TanStarter 代码库概览

目录

什么是 TanStarter?
技术栈
本文档的范围
获取帮助
下一步