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

功能集成

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

功能定制

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

代码库

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

模板介绍

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

什么是 TanStarter?

欢迎使用 TanStarter,一个构建于 Cloudflare Workers 上的完整使用 TanStack Start 框架的 SaaS 模板。这个项目提供模块化、可扩展的代码库,帮助你更快地发布 SaaS 产品。

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

技术栈

TanStack Start

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

Drizzle ORM

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

Tailwind CSS

实用优先的 CSS 框架。

Better Auth

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

Shadcn UI

精美的预构建 UI 组件库。

Base UI

无样式的 UI 组件库。

Resend

面向开发者的电子邮件 API 服务。

Content Collections

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

Stripe

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

Creem

面向独立开发者的支付平台。

TanStack AI

统一的 AI 编排框架,支持流式输出和工具调用。

Cloudflare Workers AI

基于 Cloudflare 全球网络的边缘 AI 推理服务,使用无服务器 GPU。

Cloudflare Email

通过 Cloudflare Workers 绑定发送邮件。

Cloudflare Workers

无服务器边缘计算平台。

Cloudflare D1

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

Cloudflare R2

零出口费用的对象存储。

本文档的范围

本文档假设您对 TanStack Start 和 Cloudflare Workers 有一定的了解。我们不会在本文档中涵盖这些技术的基础知识,请根据需要参考它们的官方文档。

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

获取帮助

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

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

视频教程

下一步

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

快速开始

TanStarter 模板快速开始

环境配置

配置环境变量

数据库

配置数据库

部署

部署到 Cloudflare Workers

代码库

TanStarter 代码库概览

目录

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