Next.jsReactSaaS启动器

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

作者 juliankoehn

基于 Next.js App Router 的 SaaS 启动器,集成 Prisma、PostgreSQL、Lucia Auth 与 Stripe/Tier 计费,包含认证、账户设置和项目成员管理,仓库自述仍为进行中状态。

看看你的网站会是什么样

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

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

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

全部页面与视图 2

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

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

值得关注的模板亮点

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

01

使用 Next.js /app 目录与 React 构建页面和路由

02

集成 Lucia Auth,覆盖注册、登录、登出、邮箱验证与密码找回

03

账户设置支持修改用户名、密码、邮箱、时区、语言和外观

04

项目模块包含创建、改名、删除以及成员邀请与角色管理

05

通过 Prisma 连接 PostgreSQL 作为数据层

06

计费接入 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 进行本地邮件开发。

Next.jsReactSaaS启动器

适合你的项目吗?

适用场景

  • 需要带认证与账户设置的 SaaS 项目起步代码
  • 希望参考 Next.js App Router 与 Prisma、PostgreSQL 组合的项目结构
  • 需要项目与成员邀请、角色管理基础实现的团队协作类产品
  • 计划接入 Stripe 订阅计费并希望有现成集成示例的开发者

适合人群

  • 熟悉 Next.js 与 React、希望快速搭建 SaaS 骨架的开发者
  • 需要研究 Lucia Auth 与 Prisma 集成方式的工程师
  • 准备在现有代码基础上二次开发并自行完善计费模块的团队

上手与定制指南

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

  1. 1

    本地运行前执行 npm i,并将 .env.example 复制为 .env.local 后填写所需环境变量

  2. 2

    使用 npm run dev 启动开发服务器,默认访问 http://localhost:3000

  3. 3

    仓库提供 Docker Compose 配置,本地邮件开发使用 mailpit

  4. 4

    README 标注项目仍在进行中,计费模块尚未完成,使用前需自行核对功能状态

  5. 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 原文

it's still a work in progress.

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

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
反馈内容错误

看看同类模板

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