NuxtVueSaaS

nuxt-better-auth-saas — Nuxt SaaS模板

作者 HouseOfBetterAuth

Nuxt 4 + Better Auth 的多租户 SaaS 模板,集成 Stripe 订阅与席位计费。

看看你的网站会是什么样

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

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

演示站首页的真实桌面布局。

全部页面与视图 3

截图用于了解视觉与布局,交互效果请以实际项目为准。 本截图因高度限制未包含整页。

采集于 2026-09-27查看来源

值得关注的模板亮点

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

01

基于 Nuxt 4、Vue 3、TypeScript,使用 Better Auth 处理认证

02

多租户组织架构,支持角色权限、团队邀请与席位管理

03

Stripe 订阅计费,包含试用、逾期、取消等完整状态处理

04

计费变更前预览费用,发票历史可下载 PDF

05

事务邮件使用 React Email + Resend,覆盖认证与计费事件

06

支持自托管 Cloudflare Workers 部署,自动使用 KV 缓存

模板详细介绍

HouseOfBetterAuth 的 Nuxt SaaS Starter 是一个面向多租户场景的开源模板,基于 Nuxt 4、Vue 3 和 TypeScript,使用 Better Auth 处理认证,Stripe 负责订阅与计费。模板的核心结构围绕组织(Org)展开,每个用户可拥有多个组织,每个组织独立订阅,首个组织享有 14 天免费试用。角色权限分为 Owner、Admin、Member,支持细粒度访问控制。项目内置了团队邀请、席位管理、发票历史、支付失败处理等完整流程,并附带 React Email + Resend 的事务邮件模板,覆盖认证、计费、邀请等事件。

模板的亮点在于对 Stripe 订阅状态的细致处理,包括试用、逾期、取消等状态转换,以及变更前的费用预览,避免用户因计费不透明而困惑。技术栈上采用 PostgreSQL + Drizzle ORM,推荐部署到 Cloudflare Workers(通过 NuxtHub),并自动使用 Cloudflare KV 作为缓存,非 Cloudflare 环境则需自行配置 Redis。项目还提供自托管部署指南,支持完全控制基础设施。

需要明确的是,该模板是作者为自身应用打造的,具有明确的设计约束:仅支持 Stripe 计费,不支持其他支付提供商;没有单租户模式,不适合个人或单用户 SaaS。README 中标注部分功能尚未完成,如放弃购物车邮件、用量计费,且作者承认可能存在 bug,仍在积极测试。上线前务必核对 Stripe webhook 配置、环境变量(尤其是 NUXT_APP_URL),并检查数据库迁移与生产部署步骤。

NuxtSaaS

适合你的项目吗?

适用场景

  • 需要快速搭建多租户 SaaS 产品的开发者
  • 希望使用 Stripe 订阅和席位计费的项目
  • 计划部署到 Cloudflare Workers 的 Nuxt 应用
  • 需要团队邀请、角色权限和用户管理的后台系统

适合人群

  • 面向企业或团队的多租户 SaaS 应用
  • 需要 Stripe 订阅和席位计费的项目
  • 希望使用 Nuxt 4 + Better Auth 技术栈的开发者
  • 愿意接受作者设计约束并自行适配的团队

上手与定制指南

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

  1. 1

    需配置环境变量(数据库、Stripe、认证等),执行 pnpm install 和数据库迁移。

  2. 2

    生产环境必须设置 NUXT_APP_URL 为真实域名,否则 Better Auth 回调会失败。

  3. 3

    Stripe webhook 事件需在 Dashboard 中按 README 列表启用。

  4. 4

    若自托管 Cloudflare Workers,需准备 KV、R2、Hyperdrive 资源并修改 wrangler 配置。

  5. 5

    项目当前测试覆盖不足,建议上线前自行补充测试并仔细检查 Stripe 状态流转。

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

MIT许可证允许免费使用、修改、分发和商用,README中的产品设计约束不构成额外授权义务。

使用时需要遵守

  • 保留原作者版权声明和 MIT 许可证声明。
  • 在所有副本或实质性部分中包含版权声明和许可声明

额外费用与待核对事项

  • README未说明截图、Logo等演示素材的授权范围
查看原文依据

Permission is hereby granted, free of charge, to any person obtaining a copy

许可证原文

MIT. See [LICENSE](LICENSE).

README 原文

Permission is hereby granted, free of char

许可证原文
https://github.com/HouseOfBetterAuth/nuxt-better-auth-saas/blob/main/LICENSEhttps://github.com/HouseOfBetterAuth/nuxt-better-auth-saas/blob/HEAD/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 81 / 100
技术栈
Nuxt · Vue
网站类型
SaaS
这个分数如何计算

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

这个项目需要核对什么

记录的仓库更新时间
2025-12-18
截图检查日期
2026-09-06

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。

这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。

反馈内容错误

看看同类模板

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