Next.jsReactSaaS启动器

t3-saas-starter — Next.js SaaS模板

作者 FranciscoMoretti

基于 T3 Stack 与 create-t3-app 构建的 Next.js SaaS 启动器,整合 NextAuth.js、Prisma、Stripe、Shadcn/ui 与 Contentlayer,提供认证、订阅、文档与博客等基础模块。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

3 个预览视图
桌面端首页1 / 3
桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 3

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-01查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

以 create-t3-app 引导,基于 T3 Stack 与 TypeScript 构建

02

采用 Next.js 13 与 Server Components

03

集成 NextAuth.js 认证、Prisma ORM 与 PlanetScale 数据库托管

04

使用 Stripe 实现订阅,使用 Zod 做数据校验

05

界面基于 Shadcn/ui、Tailwind CSS 与 Radix UI

06

文档与博客使用 MDX 与 Contentlayer

模板详细介绍

这是一个面向 SaaS 场景的 Next.js 启动器,作者将其描述为把 shadcn-ui/taxonomy 的功能与 create-t3-app 的开发配置合并后的产物,并以 T3 Stack 为基础搭建。项目使用 create-t3-app 引导,采用 Next.js 13 与 Server Components,代码以 TypeScript 编写。

功能层面,认证使用 NextAuth.js,数据层使用 Prisma 并将数据库托管在 PlanetScale,订阅通过 Stripe 实现,数据校验使用 Zod。界面基于 Shadcn/ui,配合 Tailwind CSS 与 Radix UI 组件;文档与博客部分使用 MDX 与 Contentlayer。

使用方式上,仓库提供克隆、pnpm 安装、复制 .env.example 为 .env.local 并填写变量、运行 pnpm dev 的流程,本地默认在 3000 端口访问。仓库未在 README 中列出具体依赖版本,实际版本需以 package.json 与锁文件为准。项目采用 MIT 许可,可免费使用、修改、商用与分发该版本代码,但演示图片、字体、图标等第三方素材以及域名、托管、数据库、支付等外部服务需另行核对许可与费用。

Next.jsReactSaaS启动器

适合你的项目吗?

适用场景

  • 需要一个包含认证、订阅与博客模块的 Next.js SaaS 项目起点
  • 希望以 T3 Stack 与 create-t3-app 的配置方式组织全栈 TypeScript 项目
  • 计划使用 Prisma 配合 PlanetScale 作为数据库层
  • 打算用 Stripe 接入订阅付费流程
  • 需要基于 Shadcn/ui 与 Tailwind CSS 搭建界面,并用 MDX 编写文档或博客

适合人群

  • 熟悉 Next.js、React 与 TypeScript 的开发者
  • 希望以 T3 Stack 为起点搭建 SaaS 产品的个人或团队
  • 需要认证、订阅、文档与博客等基础模块的项目
  • 能够自行配置数据库、认证与支付等外部服务的开发者

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    克隆仓库后进入目录执行 pnpm install 安装依赖

  2. 2

    将 .env.example 复制为 .env.local,并按需填写环境变量

  3. 3

    执行 pnpm dev 启动开发服务器,默认访问 http://localhost:3000

  4. 4

    README 未列出具体依赖版本,请以 package.json 与锁文件为准

  5. 5

    代码为 MIT 许可,但第三方素材与外部服务需单独核对许可和费用

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 使用前需将 .env.example 复制为 .env.local 并填写环境变量,项目依赖外部服务配置才能运行。
  • 数据层使用 Prisma 并将数据库托管在 PlanetScale,需自行注册并配置 PlanetScale 数据库服务。
  • 订阅功能通过 Stripe 实现,需自行开通 Stripe 账户并配置相关密钥,可能产生支付服务费用。
  • 认证使用 NextAuth.js,需自行配置认证服务与相关环境变量。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

Copy the `.env.example` file to `.env.local` and update the variables as needed

README 原文

Leveraging Prisma and hosting the database on PlanetScale

README 原文

Implementing subscriptions using Stripe

README 原文

Utilizing NextAuth.js for authentication

README 原文
https://github.com/FranciscoMoretti/t3-saas-starter/blob/main/LICENSE.mdhttps://github.com/FranciscoMoretti/t3-saas-starter/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 77 / 100
技术栈
Next.js · React
网站类型
SaaS · 启动器
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2024-01-15
截图检查日期
2026-10-01

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Next.js。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 8e138d82216d8318cd9332f45b9d1d5e196235b8f012e053412f41d62b42f03e

2026-10-01T01:23:56.571Z

来源文件 / 仓库
# T3-Taxonomy

This repository combines the best of both worlds, merging the powerful features of the [taxonomy](https://github.com/shadcn-ui/taxonomy/) application with the streamlined development setup of [create-t3-app](https://github.com/t3-oss/create-t3-app). The result is a versatile and efficient project built on the T3 Stack.

## Getting Started

This project is based on the [T3 Stack](https://create.t3.gg/) and bootstrapped with `create-t3-app`. Follow the steps below to get started:

1. **Clone the Repository:**

   ```bash
   git clone https://github.com/FranciscoMoretti/t3-taxonomy.git
   ```

2. **Install Dependencies:**

   ```bash
   cd t3-taxonomy
   pnpm install
   ```

3. **Configuration:**

   Copy the `.env.example` file to `.env.local` and update the variables as needed:

   ```bash
   cp .env.example .env.local
   ```

4. **Run the Development Server:**

   ```bash
   pnpm dev
   ```

   The application will be accessible at [http://localhost:3000](http://localhost:3000).

## Features

- **T3 Stack Base:** Built on the foundation of [T3 Stack](https://create.t3.gg/) using `create-t3-app`.
- **Next.js 13 and Server Components:** Embracing the latest features for enhanced performance and flexibility.
- **Authentication:** Utilizing NextAuth.js for authentication.
- **ORM and Database:** Leveraging Prisma and hosting the database on PlanetScale.
- **UI Components:** Shadcn/ui to design your UI using Tailwind CSS and Radix UI components.
- **Documentation and Blog:** Using MDX and Contentlayer for documentation and blogging.
- **Subscriptions:** Implementing subscriptions using Stripe.
- **Validations:** Ensuring data integrity with Zod for validations.
- \*\*Written in TypeSc

## Learn More

To explore more about the T3 Stack and its components, refer to the following resources:

- [T3 Stack Documentation](https://create.t3.gg/)
- [Learn the T3 Stack](https://create.t3.gg/en/faq#what-learning-resources-are-currently-available)
- [create-t3-app GitHub Repository](https://github.com/t3-oss/create-t3-app)

## License

This project is licensed under the [MIT license](LICENSE.md).
反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。