Prisma + stripe-python stripe-python+ React React + SQL/PostgreSQL+ Vercel+ Tailwind CSS+ Nodemailer

快速搭建多租户全栈 SaaS 平台,覆盖认证、计费、邮箱、自定义域名等核心能力

Next.js 负责全栈框架与 UI,Tailwind 提供样式组件,Prisma 管理数据库,Stripe 处理计费订阅,Nodemailer 处理邮件

✓ 开箱即用的认证计费能力✓ 一键部署到 Vercel ✕ 部署后需手动配置环境变量

方案简介

Nextacular 是一个开源的多租户 SaaS 应用启动套件(starter kit),目标是帮助开发者高效地构建全栈多租户 SaaS 平台,把精力放在核心业务功能开发上。它构建在现代主流技术之上:Next.js 作为全栈框架(基于 React 18)、Tailwind CSS 作为样式方案、Prisma 作为数据库 ORM。

开箱即用打包了 SaaS 平台最常见的功能模块:Authentication(认证)Billing & Payment(计费与支付)Database(数据库)Email(邮件)Custom Domains(自定义域名)Multi-tenancy(多租户)Workspaces(工作区)Teams(团队)

这套方案适合想快速验证 SaaS 想法的独立开发者和小团队——Vercel 开发者 Steven Tey 评价它 "It's going to be super helpful for folks to bootstrap their MVPs and get to market faster!"(对希望快速启动 MVP 并尽快上市的人非常有帮助)。项目采用 MIT License,可免费商用。

亮点与能力

  • 🔐 Authentication:内置用户认证
  • 💿 Database Integration + Prisma (SQL/PostgreSQL):数据库集成
  • 🤝 Teams & Workspaces:团队与工作区管理
  • ☁ Multi-tenancy Approach:多租户架构
  • 📜 Landing Page:落地页
  • 💸 Billing & Subscription:计费与订阅
  • 📱 Simple Design Components & Mobile-ready:简洁设计组件、移动端适配
  • 🔍 SEO Support:SEO 支持
  • 👾 Developer Experience:良好的开发者体验
  • 💌 Email Handling:邮件处理

组成与分工

  • Next.js:全栈框架(v13.1.0,基于 React 18.2.0),承载前端页面与服务端逻辑
  • Tailwind CSS:样式方案(v3.1.8),提供简洁设计组件与移动端适配
  • Prisma:ORM(v4.4.0),负责数据库集成,支持 SQL/PostgreSQL
  • Stripe(v10.13.0):计费与订阅支付
  • Nodemailer(v6.8.0):邮件处理
  • Headless UI / Hero Icons:无障碍 UI 组件与图标
  • SWR(v1.3.0):数据请求
  • Next Themes:主题(暗色模式等)支持
  • Vercel:一键免费部署平台

前置要求

根据仓库材料,本方案的技术栈基础要求为:

  • Next.JS 13.1.0(React 18.2.0)
  • Tailwind CSS 3.1.8
  • Prisma 4.4.0
  • 数据库:SQL/PostgreSQL

材料未提供本地安装命令,推荐通过一键部署到 Vercel 的方式启动。

实施步骤

1. 阅读快速开始文档

官方快速开始指引见:https://docs.nextacular.co/getting-started/quick-start

2. 一键部署到 Vercel

README 提供了 "Deploy to Vercel" 一键部署入口,可以免费部署。

3. 配置环境变量

部署后可能会遇到错误,需要添加必要的环境变量才能正常运行,具体参考文档的 Environment Variables 章节:https://docs.nextacular.co/customization/environment-variables

4. 查阅文档完善配置

更多细节见官方文档:https://docs.nextacular.co

使用与配置要点

部署完成并配置好环境变量后,可访问官方 Live Demo 验证预期效果:https://demo.nextacular.co。落地后可以基于该套件定制开发自己的 SaaS 核心功能——仓库已列出多个使用 Nextacular 构建并上线的真实项目(如 Livebic、Trippr AI、BuzzBonus 等),可作为参考。

注意事项与常见问题

  • 部署到 Vercel 后可能遇到报错,务必先添加必要的环境变量(参考 https://docs.nextacular.co/customization/environment-variables)。
  • 代码以 MIT License 提供,可自由使用。
  • 如需支持项目,可通过购买 marketplace 商品、订阅 newsletter、成为赞助者、提交 issue/feature、fork 加 star 或分享传播等方式参与。

优缺点

  • ✓ 开箱即用的认证计费能力
  • ✓ 一键部署到 Vercel
  • ✕ 部署后需手动配置环境变量

出处

本方案挖掘自开源项目 nextacular/nextacular,方案内容与实施命令均来自其 README 原文。

方案出处
nextacular/nextacular:An open-source starter kit that will help you build full-stack multi-tenant SaaS
1385 star An open-source starter kit that will help you build full-stack multi-tenant SaaS platforms efficiently and help you focus on developing your core SaaS features. Built on top of popular and modern tech

本方案由真实开源项目挖掘整理,实施命令均来自其 README 原文,安装使用请遵循项目开源协议。