出海必备的 8 个开源 SaaS 项目！

Shadcn UI 是什么

Shadcn UI 是一个现代化的 React 组件库，为开发者提供了一套高度可定制、可访问性强的 UI 组件。它的主要特点和优势包括：

1. 可定制性强：组件使用 Radix UI 和 Tailwind CSS，允许开发者轻松调整样式和行为。
2. 开源免费：完全开源，可以自由使用和修改。
3. 复制粘贴友好：采用独特的 "复制粘贴" 方法，让开发者能够轻松集成所需组件。
4. 性能优秀：组件经过优化，确保高性能和流畅的用户体验。
5. 主题支持：内置深色模式和主题切换功能，方便创建多样化的界面。

近期 Shadcn UI 作者还发布了一个功能强大的 Sidebar 组件，有了这个组件，我们就能方便地根据需求自定义 Sidebar 了。

Shadcn UI 和 Next.js 的结合为快速开发出海 SaaS 或 Landing Page 项目提供了强大的解决方案。

Awesome Shadcn UI

https://github.com/bytefer/awesome-shadcn-ui

Awesome Shadcn UI 目前包含与 Shadcn UI 有关的 200 多个资源，共 13 个分类。涉及 UI 组件库、Landing Page 模板、SaaS 模板（接入用户认证、支付、数据库等）、Shadcn 扩展、Shadcn 工具等。

来源：https://shadcn.batchtool.com/

接下来，我将分享 Awesome Shadcn UI 项目中的 8 个开源 SaaS 项目。

SaaS Starter

1.Next Saas Starter

【MIT/5K+ Star】

https://github.com/leerob/next-saas-starter

技术栈：

• 框架：Next.js
• 数据库：Postgres
• ORM：Drizzle
• 支付：Stripe
• UI 库：Shadcn UI

2.SaaS-Boilerplate

【MIT/3.8K+ Star】

https://github.com/ixartz/SaaS-Boilerplate

技术栈：

• 框架：Next.js
• 数据库：Postgres
• 用户认证：Clerk
• ORM：Drizzle
• 支付：Stripe
• UI 库：Shadcn UI

3.Cloudflare SaaS Kit

【3K+ Star】

https://github.com/Dhravya/cloudflare-saas-stack

技术栈：

• 框架：Next.js
• 数据库：Cloudflare D1
• 用户认证：NextAuth.js
• ORM：Drizzle
• 部署：Cloudflare Pages
• UI 库：Shadcn UI

4.Saasfly

【MIT/1.9K+ Star】

https://github.com/saasfly/saasfly

技术栈：

• 框架：Next.js
• 数据库：PostgresSQL
• 用户认证：NextAuth.js
• ORM：Prisma
• 支付：Stripe
• UI 库：Shadcn UI

5.Next-Saas-Stripe-Starter

【MIT/1.8K+ Star】

https://github.com/mickasmt/next-saas-stripe-starter

技术栈：

• 框架：Next.js
• 数据库：Neon
• 用户认证：Auth.js
• ORM：Prisma
• 支付：Stripe
• 部署：Vercel
• UI 库：Shadcn UI

6.Relivator-Nextjs-Template

【MIT/1K+ Star】

https://github.com/blefnk/relivator-nextjs-template

技术栈：