SaaS Starter - 构建 SaaS 应用的得力助手

360影视 2025-02-03 17:00 2

摘要:如今 SaaS(软件即服务)应用的需求日益增长,开发者们希望能找到一个便捷、高效的工具,来构建强大的 SaaS 应用。而 Next.js 框架所提供的 SaaS Starter 模板,就为开发者们提供了一个出色的起点,助力人们快速搭建具备多种实用功能的 Saa

如今 SaaS(软件即服务)应用的需求日益增长,开发者们希望能找到一个便捷、高效的工具,来构建强大的 SaaS 应用。而 Next.js 框架所提供的 SaaS Starter 模板,就为开发者们提供了一个出色的起点,助力人们快速搭建具备多种实用功能的 SaaS 应用。

Next.js SaaS Starter 是一个基于框架 Next.js 构建 SaaS 应用的启动模板,仓库位于https://github.com/nextjs/saas-starter 。它扎根于 Next.js 框架提供的丰富功能和强大技术栈支持,能帮助开发者快速搭建起一个具备认证、支付集成以及用户仪表盘等功能的 SaaS 应用。

SaaS Starter 功能十分丰富,包括

提供带有动画元素的营销落地页(/)定价页面(/pricing)可连接到 Stripe Checkout仪表盘页面支持对用户 / 团队进行 CRUD 操作基本的基于角色的访问控制(RBAC)包含 Owner 和 Member 角色通过 Stripe 客户门户进行订阅管理使用 JWT 存储到 cookie 实现电子邮件 / 密码认证全局中间件保护登录路由本地中间件保护服务器操作或验证 Zod 模式用户事件的活动日志系统。

SaaS Starter 技术栈涵盖了多个优秀的技术:框架采用 Next.js,数据库使用 Postgres,ORM 选用 Drizzle,支付方面集成了 Stripe,UI 库则是 shadcn/ui。

SaaS Starter 使用简单,首先拉取仓库代码,然后使用 pnpm 进行依赖的安装:

git clone https://github.com/nextjs/saas-startercd saas-starterpnpm install

在本地运行,首先使用自带的初始化配置脚本来创建 .env 文件:

pnpm db:setup

然后,执行数据库迁移,并给数据库写入原始的默认用户和团队:

pnpm db:migratepnpm db:seed

这会创建用户 test@test.com,密码为 admin123。也支持通过 /sign-up 路由动态添加新用户。

最后,运行 Next.js 的开发服务器:

pnpm dev

使用浏览器打开 http://localhost:3000 就能看到运行的网页应用了。

在生产环境,可以使用 Vercel 项目进行部署,需要进行以下环境变量配置:

BASE_URL:配置为生产环境的域名STRIPE_SECRET_KEY:Stripe 密钥STRIPE_WEBHOOK_SECRET:Stripe webhook 密钥POSTGRES_URL:postgres 数据库链接AUTH_SECRET:应用密钥,应设为随机字符串

Next.js SaaS Starter 为开发者提供了一个便捷、高效的方式来构建 SaaS 应用。其丰富的功能和强大的技术栈,可以帮助开发者快速搭建起一个背靠 Next.js 框架,并具备认证、支付集成和用户管理等功能的 SaaS 应用。

无论是初学者还是有经验的开发者,都可以利用这个项目作为起点,快速开发出符合自己需求的 SaaS 应用。应用方向广泛,适用于各种需要构建 SaaS 应用的场景,如在线教育平台、项目管理工具、以及电商平台等等。

来源:每日开源代码

相关推荐