使用 Next.js /app 目录与 React 构建页面和路由
nextjs-saas-starter — Next.js SaaS模板
作者 juliankoehn
基于 Next.js App Router 的 SaaS 启动器,集成 Prisma、PostgreSQL、Lucia Auth 与 Stripe/Tier 计费,包含认证、账户设置和项目成员管理,仓库自述仍为进行中状态。
看看你的网站会是什么样
浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。
全部页面与视图 2
截图用于了解视觉与布局,交互效果请以实际项目为准。
值得关注的模板亮点
从已有项目资料中,快速了解它的特点。
集成 Lucia Auth,覆盖注册、登录、登出、邮箱验证与密码找回
账户设置支持修改用户名、密码、邮箱、时区、语言和外观
项目模块包含创建、改名、删除以及成员邀请与角色管理
通过 Prisma 连接 PostgreSQL 作为数据层
计费接入 Tier 与 Stripe,支持订阅和 Checkout
模板详细介绍
nextjs-saas-starter 是一个面向 SaaS 场景的开源启动器,使用 Next.js 的 /app 目录组织页面与路由,并搭配 React。数据层采用 Prisma 作为 ORM,连接 PostgreSQL;认证由 Lucia Auth 提供;计费部分接入 Tier 与 Stripe,支持订阅与 Checkout 流程,定价模型通过 Tier Model Builder 配置。样式与 UI 使用 tailwindcss 和 shadcn。
从 README 的完成度清单看,认证模块已覆盖注册、忘记密码、修改密码、邮箱验证、登录和登出;账户模块支持修改用户名/姓名、密码、邮箱(含确认)、时区、语言、外观,以及删除账户(当用户是项目 Owner 时受限)。项目模块支持创建、改名、删除(删除限制 Owner 一项尚未完成),成员管理支持邀请(创建邀请、发送邮件、接受邀请、移除邀请)、移除成员(非 Owner 可自行退出)和修改角色。计费模块在清单中尚未勾选完成。
仓库自述明确标注“it's still a work in progress”,因此该模板更适合作为学习或二次开发的起点,而非可直接上线的成品。本地运行需要复制 .env.example 为 .env.local,并配置相应环境变量;仓库还提供了 Docker Compose 配置,使用 mailpit 进行本地邮件开发。
适合你的项目吗?
适用场景
- 需要带认证与账户设置的 SaaS 项目起步代码
- 希望参考 Next.js App Router 与 Prisma、PostgreSQL 组合的项目结构
- 需要项目与成员邀请、角色管理基础实现的团队协作类产品
- 计划接入 Stripe 订阅计费并希望有现成集成示例的开发者
适合人群
- 熟悉 Next.js 与 React、希望快速搭建 SaaS 骨架的开发者
- 需要研究 Lucia Auth 与 Prisma 集成方式的工程师
- 准备在现有代码基础上二次开发并自行完善计费模块的团队
上手与定制指南
结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。
- 1
本地运行前执行 npm i,并将 .env.example 复制为 .env.local 后填写所需环境变量
- 2
使用 npm run dev 启动开发服务器,默认访问 http://localhost:3000
- 3
仓库提供 Docker Compose 配置,本地邮件开发使用 mailpit
- 4
README 标注项目仍在进行中,计费模块尚未完成,使用前需自行核对功能状态
- 5
代码采用 MIT 许可,但演示图片、字体、图标等第三方素材需单独核对许可
授权与来源资料
使用条件与限制
免费使用 · 保留许可声明本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。
使用时需要遵守
- 允许免费使用、修改、商用和分发该版本代码。
- 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
- 代码按现状提供;担保与责任限制以原许可证及适用法律为准。
额外费用与待核对事项
- 计费功能依赖第三方服务 Tier 与 Stripe,使用订阅与 Checkout 需注册相应账户并配置 API 密钥,可能产生服务费用。
- 认证基于 Lucia Auth 实现,部署时需自行配置会话与认证相关环境变量。
- 数据层使用 Prisma,需连接 PostgreSQL 数据库并配置连接字符串。
- 本地运行需复制 .env.example 为 .env.local 并填写所需环境变量,否则无法正常启动。
- 本地邮件开发依赖 mailpit 服务,邮件相关功能需该服务配合。
- 项目自述仍为进行中状态,计费模块未完成,功能可能不完整,不适合直接作为生产成品使用。
- 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
- 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据
Permission is hereby granted, free of charge
许可证原文
Pricing using [**Tier**](https://www.tier.run/) and [**Stripe**](https://stripe.com/)
README 原文
Authentication using [**Lucia Auth**](https://lucia-auth.com/)
README 原文
ORM using [**Prisma**](https://www.prisma.io/)
README 原文
cp .env.example .env.local
README 原文
using mailpit for local email development.
README 原文
https://github.com/juliankoehn/nextjs-saas-starter/blob/main/LICENSE.mdhttps://github.com/juliankoehn/nextjs-saas-starter/blob/main/README.mdit's still a work in progress.
README 原文
DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。
项目核对记录与介绍依据
模板资料
- 来源平台
- GitHub
- 资料与维护参考分
- 资料一般 · 69 / 100
- 技术栈
- Next.js · React
- 网站类型
- SaaS · 启动器
这个分数如何计算
本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。
这个项目需要核对什么
- 记录的仓库更新时间
- 2023-11-22
- 截图检查日期
- 2026-10-01
已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。
目录记录的主要技术栈是 Next.js。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。
查看具体选型方法 →介绍的制作与核对状态
介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。
已完成服务器许可规则与 AI 来源核对;未经过人工编辑审核。
查看当时使用的来源资料
SHA-256: 3a8ba2439878f102d88775564bcd8eba45d0a8bb3e75438c79b5408b64f88dc3
2026-10-01T01:22:10.896Z
来源文件 / 仓库# Next.js SaaS Prisma PostgreSQL Auth Starter
This project aims to create a metered billing SaaS utilizing Next.js, Prisma, PostgreSQL, and Stripe.
> :warning: **it's still a work in progress.**
## Features
- NextJS 14 `/app` dir
- Pricing using [**Tier**](https://www.tier.run/) and [**Stripe**](https://stripe.com/)
- Pricing model using Tier Model Builder
- Subscriptions and Checkout
- Authentication using [**Lucia Auth**](https://lucia-auth.com/)
- ORM using [**Prisma**](https://www.prisma.io/)
- [tailwindcss](https://tailwindcss.com/) and [shadcn](https://ui.shadcn.com/) for styling and UI
## Running Locally
First, run the development server:
```
npm i
cp .env.example .env.local
npm run dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
## License
License under the [MIT License](LICENSE).
## Features
- [x] **Authentication**
- [x] Registration
- [x] Forgot Password
- [x] Change Password
- [x] Email Verification
- [x] Login
- [x] Logout
- [x] **Account**
- [x] Change Username / Name
- [x] Change Password
- [x] Change Email
- [x] Confirm Email
- [x] Change Timezone
- [x] Change Language
- [x] Change Appearance
- [x] Delete Account restrict when Owner of Projects
- [ ] **Projects**
- [x] Create
- [x] Change Name
- [x] Delete Project
- [ ] Restrict Delete to Owner
- [x] **Members**
- [x] Add
- [x] Create Invitation
- [x] Send Email
- [x] Accept Invitation
- [x] Remove Invitation
- [x] Remove
- [x] Self-remove only if not Owner
- [x] Change Role
- [ ] **Billing**
## Docker Compose
using mailpit for local email development.
## Development
### Emails
> :warning: docs section is WIP看看同类模板
对比同技术栈与用途的模板,找到更适合的视觉与内容结构。

ai-website-cloner-template
Clone any website with one command using AI coding agents
Next.js · 启动器

Next.js SaaS Starter
Next.js SaaS Starter 是 Next.js 官方维护的 SaaS 起点模板,定位介于学习资源和可直接部署的脚手架之间。
Next.js · SaaS

Next.js Commerce
Next.js Commerce 是 Vercel 团队维护的电商启动模板,基于 Next.js App Router 构建,采用服务端渲染、React Server Components、Server Actions …
Next.js · 电商

Next-js-Boilerplate
Next-js-Boilerplate 是一个面向 Next.js 16、Tailwind CSS 4 和 TypeScript 的启动器,核心定位是开发者体验优先。
Next.js · 启动器

tailwind-nextjs-starter-blog
tailwind-nextjs-starter-blog 是一个面向个人技术博客的 Next.js 与 Tailwind CSS 启动模板,其 v2 版本基于 App Router 与 React Server Comp…
Next.js · 博客

next-forge
Production-grade Turborepo template for Next.js apps.
Next.js · 启动器
