Next.jsReactSaaS启动器

blc-starter-next-b2c — Next.js SaaS模板

作者 BlackcurrantLabs

基于 Next.js 的 B2C SaaS 启动模板,集成 Prisma、BetterAuth 与 Tailwind,包含登录注册、多角色首页、服务端表格与表单校验等示例实现。

看看你的网站会是什么样

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

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

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

01

集成 Next.js、Prisma、BetterAuth 与 BetterAuthUI 的 B2C SaaS 基础结构

02

内置登录、注册、账户按钮与已登录重定向的 SSR 落地页

03

提供多用户类型(如 Admin、User)及各自首页的示例

04

包含服务端搜索、分页、过滤、排序的表格示例与客户端分页表格示例

05

表单示例同步服务端与客户端校验 schema,并使用 react-hook-form

06

附带 AGENTS.md 与 .agent/rules,面向 AI 辅助编码工作流

模板详细介绍

blc-starter-next-b2c 是 BlackcurrantLabs 维护的 B2C SaaS 项目启动模板,使用 Next.js 构建,配合 Prisma 做数据访问、BetterAuth 与 BetterAuthUI 处理认证、Tailwind 与 Shadcn 负责样式和组件。模板定位为作者团队常用技术栈的固定组合,README 明确说明它不一定适合所有场景。

模板内置的目标包括:带登录、注册和账户按钮的 SSR 落地页;隐私政策与使用条款等静态页;Favicon 与 Robots.txt;Admin、User 等多用户类型及其各自首页;可扩展的带认证 API;区分未登录可见、登录后可见、以及通过自定义属性校验(maker/checker 模型)后才可见的页面区域;服务端搜索、分页、过滤、排序的表格示例;客户端分页表格示例;以及服务端与客户端校验同步的表单示例。此外还提供基于 JWT 的移动端 API 流程,以及通过 Trigger.dev 运行长任务并在前端展示实时状态。

仓库包含 AGENTS.md 与 .agent/rules,README 称其兼容 opencode、claude code、antigravity,面向所谓 vibe code 的使用方式。若需要 B2B 场景(用户在组织内邀请协作),README 建议改用同组织的 B2B Starter 仓库。

运行要求为 Node.js 22 LTS 与 pnpm 10.x,需要复制 example.env 并填写数据库、认证、邮件和任务队列等环境变量。技术栈表中还列出 Resend 负责邮件、Tanstack Tables 负责表格、react-hook-form 负责表单、Context API 负责前端状态管理,部署可选 Vercel、Railway 或 AWS 自托管。

Next.jsSaaS启动器

适合你的项目吗?

适用场景

  • 启动需要用户注册登录与多角色首页的 B2C SaaS 项目
  • 为移动客户端提供基于 JWT 的认证 API 流程
  • 实现需要登录或通过自定义属性校验后才可见的页面区域
  • 搭建带服务端搜索、分页、过滤、排序的数据表格页面
  • 通过 Trigger.dev 运行长任务并在前端展示实时状态

适合人群

  • 使用 Next.js 与 Prisma 构建 B2C SaaS 的开发者
  • 需要现成认证与多用户类型示例的团队
  • 希望以 AI 辅助编码方式起步并参考 AGENTS.md 规则的项目
  • 接受作者固定技术栈组合、不追求适配所有场景的使用者

上手与定制指南

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

  1. 1

    需要 Node.js 22 LTS 与 pnpm 10.x

  2. 2

    复制 example.env 为 .env,填写 SITE_NAME、DATABASE_URL、BETTER_AUTH_SECRET、RESEND_API_KEY、TRIGGER_SECRET_KEY、ALTCHA_HMAC_SECRET 等必填变量

  3. 3

    数据库相关变量包括 DATABASE_DIRECT_URL、DATABASE_HOST、DATABASE_PORT、DATABASE_USER、DATABASE_PASSWORD、DATABASE_DB

  4. 4

    认证相关变量包括 BETTER_AUTH_URL,邮件相关变量包括 RESEND_FROM_EMAIL

  5. 5

    提供 GET /api/health 健康检查(含数据库 ping)与 GET /api/altcha-challenge 工作量证明挑战接口

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

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

使用时需要遵守

  • 允许免费使用、修改、商用和分发;分发时需随附 Apache-2.0 许可证。
  • 修改过的文件需显著标明改动,并保留相关版权、专利、商标及归属声明。
  • 若原项目附有 NOTICE 文件,分发衍生作品时需保留其中适用的归属声明。
  • 许可包含适用的贡献者专利授权;发起许可所述专利诉讼会终止该专利授权,且不授予商标使用权。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 该仓库定位为项目启动样板(boilerplate),并非可直接上线的成品网站,需自行按项目需求定制开发。
  • 作者明确说明该固定技术栈组合不一定适合所有使用场景,采用前需评估是否匹配自身需求。
  • 本模板仅面向 B2C 场景;若需要组织、组织内邀请协作等 B2B 功能,需改用同组织的另一个 B2B Starter 仓库。
  • 使用前必须复制 example.env 为 .env 并填写全部必填环境变量,否则项目无法正常运行。
  • 邮件功能依赖第三方服务 Resend,需自行注册账号并提供 RESEND_API_KEY 等凭据,可能涉及外部服务费用。
  • 长任务功能依赖第三方服务 Trigger.dev,需自行注册账号并提供 TRIGGER_SECRET_KEY,可能涉及外部服务费用。
  • 需自行准备并配置 PostgreSQL 等数据库连接(DATABASE_URL 等变量),数据库托管或自建成本由使用者承担。
  • 运行环境要求 Node.js 22 LTS 与 pnpm 10.x,版本不符时可能无法正常构建或运行。
  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 Apache-2.0 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
查看原文依据

no-charge, royalty-free, irrevocable copyright license

许可证原文

This is a boilerplate for starting new projects.

README 原文

This may not fit every use case.

README 原文

If you need B2B (Users have Orgs, invite within org to collaborate), start from other repo at

README 原文

Copy `example.env` to `.env` and fill in required values.

README 原文

- `RESEND_API_KEY`

README 原文

- `TRIGGER_SECRET_KEY`

README 原文

- `DATABASE_URL`

README 原文

- Node.js 22 LTS

README 原文
https://github.com/BlackcurrantLabs/blc-starter-next-b2c/blob/main/LICENSEhttps://github.com/BlackcurrantLabs/blc-starter-next-b2c/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

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

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

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

查看当时使用的来源资料

SHA-256: 0e1f022560e4847989271867003e8888467f458fffe928af6a46bf76607683a7

2026-10-03T07:16:43.778Z

来源文件 / 仓库
# Blackcurrant Stack Starter Next B2C

This is a boilerplate for starting new projects. 
B2C SaaS starter template built with Next.js 15+, Prisma, BetterAuth, and Tailwind 4.
It's an opionated set of frameworks and tools hand picked for our general use cases.
This may not fit every use case.

*Vibe code* friendly, includes `AGENTS.md` and `.agent/rules` 
compatible with opencode, claude code, antigravity.

If you need B2B (Users have Orgs, invite within org to collaborate), start from other repo at [B2B Starter](https://github.com/BlackcurrantLabs/blc-starter-next-b2b)

## Stack

| Category                   | Technology/Tool                      |
|----------------------------|--------------------------------------|
| Framework                  | NextJS                               |
| ORM                        | Prisma, Typescript backend           |
| Authentication             | BetterAuth + BetterAuthUI            |
| Styling                    | Tailwind                             |
| Components                 | Shadcn,                              |
| Frontend State Management  | Context API                          |
| Emails                     | Resend                               |
| Long running Jobs          | Trigger.dev                          |
| Deployment                 | Vercel / Railway / AWS (self-hosted) |
| Tables                     | Tanstack Tables                      |
| Forms                      | react-hook-form                      |

## Goals

1. Landing page fully customised as per project, hosted with SSR with sign-in, sign-up and account button if already logged in. Redirect to user home if logged in.
2. Static pages like privacy policy and terms of use
3. Favicon, Robots.txt
4. Multiple user types with their own home page like Admin, User
5. Extensible APIs with auth that can be used with mobile clients
6. Parts of website that the users can see without a login
7. Parts of website that the user can only see after a login
8. Parts of website that the user can see only after custom attribute passes verification (maker/checker model)
9. Best in class DX with end to end typesafety
10. Support for long running jobs via trigger.dev with realtime job status in frontend
11. Admin side custom permissions and actions
12. A working template of table with serverside search, pagination, filtering, sorting
13. A working template of table with client side pagination
14. A working template of ideal implementation of forms following best practises with serverside and clinetside validation, synced schema
15. JWT based flow for mobile clients using apis

## Requirements

- Node.js 22 LTS
- pnpm 10.x

## Environment Variables

Copy `example.env` to `.env` and fill in required values.

Required:
- `SITE_NAME`
- `DATABASE_URL`
- `DATABASE_DIRECT_URL`
- `DATABASE_HOST`
- `DATABASE_PORT`
- `DATABASE_USER`
- `DATABASE_PASSWORD`
- `DATABASE_DB`
- `BETTER_AUTH_SECRET`
- `BETTER_AUTH_URL`
- `RESEND_API_KEY`
- `RESEND_FROM_EMAIL`
- `TRIGGER_SECRET_KEY`
- `ALTCHA_HMAC_SECRET`

## Operational Endpoints

- `GET /api/health` — health check (includes DB ping)
- `GET /api/altcha-challenge` — ALTCHA proof-of-work challenge

# Ecosystem Tools

## Form Builder
Build with https://www.shadcn-form.com/playground

## Placeholder Blocks
https://www.hyperui.dev/
反馈内容错误

看看同类模板

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