QiuSWandClaude Haiku 4.5
368fd50266
Intro content: - Replace 5 legacy CRM docs with 6 curated evaluation documents - Add 3 SaaS skeletons (M2 priority): Next.js SaaS Starter, Wasp Open SaaS, BoxyHQ SaaS Starter Kit - Add 3 CRM skeletons (M3 candidate): Atomic CRM, NextCRM, Krayin Laravel CRM - Add structured README with project selector matrix and stage-based recommendations Each evaluation includes: - 6-dimensional AI-friendly scoring (0-5 scale): structure, docs, tests, examples, dependency minimalism, incremental dev - Quick-start commands and tech stack summary - Two in-depth articles: project review + comparative analysis - Scenario recommendations and selection guide Total: 1,364 lines of curated content, directly supporting Skelet's M2/M3 content pipeline and business plan targets. Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
170 lines
5.8 KiB
Plaintext
170 lines
5.8 KiB
Plaintext
项目名称:Next.js SaaS Starter
|
||
|
||
github:https://github.com/nextjs/saas-starter
|
||
简介:Next.js 官方 SaaS 起点项目，使用 PostgreSQL、Stripe 和 shadcn/ui，强调最小化学习资源，星数最高的官方开源骨架，轻量级依赖易于 AI 理解和扩展，最适合快速原型和 MVP 开发。
|
||
|
||
语言:TypeScript,JavaScript,React
|
||
|
||
场景:SaaS应用、多租户系统、支付集成、快速原型
|
||
|
||
6项评分:3,4,2,3,5,5
|
||
|
||
推荐理由:官方维护、轻量级依赖、易于 AI 理解和快速迭代。虽然缺少测试和复杂功能，但作为起点项目最适合 AI coding。清晰的基础代码、标准 Next.js 模式和最小化设计使其成为学习 SaaS 架构的最佳入门选择。
|
||
|
||
下载:https://github.com/nextjs/saas-starter
|
||
|
||
文章1标题:Next.js SaaS Starter：官方最轻量级 SaaS 骨架评测
|
||
|
||
文章1内容:
|
||
|
||
一、项目定位
|
||
Next.js SaaS Starter 是 Vercel 官方出品的 SaaS 起点项目。
|
||
不同于企业级的完整框架，它故意设计为最小化学习资源——
|
||
只包含核心功能（认证、RBAC、计费），而非堆砌所有可能的特性。
|
||
这使得开发者能快速启动项目，并基于自己的需求增量扩展。
|
||
|
||
二、核心功能
|
||
• 🔐 认证系统
|
||
- 邮箱/密码认证
|
||
- 会话管理
|
||
• 👥 角色基础访问控制 (RBAC)
|
||
- 用户权限分层
|
||
- 团队权限管理
|
||
• 💳 Stripe 支付集成
|
||
- 订阅管理
|
||
- 产品价格配置
|
||
• 📊 活动日志与仪表板
|
||
- CRUD 操作示例
|
||
- 数据可视化基础
|
||
|
||
三、技术栈
|
||
部分 技术
|
||
Web 框架 Next.js 15+
|
||
前端 React + TypeScript
|
||
数据库 PostgreSQL
|
||
ORM Drizzle ORM
|
||
样式 Tailwind CSS + shadcn/ui
|
||
支付 Stripe
|
||
认证 NextAuth.js 兼容设计
|
||
|
||
四、快速开始
|
||
# 克隆项目
|
||
git clone https://github.com/nextjs/saas-starter.git
|
||
cd saas-starter
|
||
|
||
# 安装依赖
|
||
npm install
|
||
|
||
# 配置环境
|
||
cp .env.example .env.local
|
||
|
||
# 数据库迁移
|
||
npm run db:push
|
||
|
||
# 启动开发服务器
|
||
npm run dev
|
||
|
||
五、AI Coding 友好度评分
|
||
|
||
维度 分值 说明
|
||
目录结构 3/5 标准 Next.js 结构清晰，但示例模块较少
|
||
文档完整度 4/5 README 和示例清楚，但缺少架构文档
|
||
测试覆盖 2/5 无测试文件，需要自己补齐
|
||
示例模块 3/5 认证和计费示例部分，需补充复杂功能
|
||
依赖克制度 5/5 依赖最轻，只用必要包
|
||
增量开发 5/5 清晰的代码结构，AI 易于理解和扩展
|
||
|
||
总体评分: 74/100 (最适合快速原型和学习)
|
||
|
||
六、为什么选择 Next.js SaaS Starter
|
||
|
||
1. 官方维护，更新及时（最后更新 2026-06-30）
|
||
2. 依赖极少，学习成本最低
|
||
3. 代码风格标准，AI 最容易理解
|
||
4. 不做过度工程化，专注核心功能
|
||
5. 基于此扩展，添加业务逻辑最快
|
||
|
||
七、不适合的场景
|
||
|
||
• 需要企业级认证（如 SSO / SAML）的项目
|
||
• 需要审计日志和合规认证的系统
|
||
• 需要完整的团队协作和权限管理的复杂应用
|
||
• 项目初期就需要大量第三方集成的团队
|
||
|
||
文章2标题:Next.js SaaS Starter vs boxyhq/saas-starter-kit vs wasp-lang/open-saas：三大官方骨架对比
|
||
|
||
文章2内容:
|
||
|
||
一、三个项目的定位差异
|
||
|
||
| 项目 | 定位 | 复杂度 | 学习成本 | AI友好度 |
|
||
|------|------|--------|---------|---------|
|
||
| Next.js SaaS Starter | 官方最轻量入门 | ⭐ | ⭐ | ⭐⭐⭐⭐⭐ |
|
||
| boxyhq/saas-starter-kit | 企业级参考 | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐⭐ |
|
||
| wasp-lang/open-saas | 全栈类型安全 | ⭐⭐⭐ | ⭐⭐ | ⭐⭐⭐⭐⭐ |
|
||
|
||
二、选择建议
|
||
|
||
**选 Next.js SaaS Starter：**
|
||
- 你是 SaaS 初学者
|
||
- 想快速制作 MVP 或演示项目
|
||
- 偏好轻量级、标准化的 Next.js 项目
|
||
- 用 Claude Code / Cursor 进行快速迭代
|
||
- ✅ 最适合本清单推荐
|
||
|
||
**选 wasp-lang/open-saas：**
|
||
- 你需要全栈类型安全和完整示例
|
||
- 希望使用新一代框架的结构化方式
|
||
- 项目需要后台任务和文件管理
|
||
- 想要一键部署到 Railway/Fly.io
|
||
- ✅ AI 友好度最高，适合 AI coding 深度开发
|
||
|
||
**选 boxyhq/saas-starter-kit：**
|
||
- 你在学习企业级 SaaS 架构
|
||
- 需要 SSO、SAML、审计日志等功能
|
||
- 团队规模较大，需要复杂权限管理
|
||
- 项目生产环境就需要这些功能
|
||
- ✅ 企业级参考价值最高
|
||
|
||
三、技术栈对比
|
||
|
||
| 对比项 | Next.js | boxyhq | Wasp |
|
||
|--------|--------|--------|------|
|
||
| 框架 | Next.js | Next.js | Wasp Lang |
|
||
| 后端 | Node.js + Route Handlers | Node.js | Node.js |
|
||
| 数据库 | PostgreSQL | PostgreSQL | PostgreSQL |
|
||
| ORM | Drizzle | Prisma | Prisma |
|
||
| 认证 | 自建 | NextAuth.js | Wasp Auth |
|
||
| 样式 | Tailwind + shadcn | Tailwind | Tailwind |
|
||
| 类型安全 | TypeScript | TypeScript | 全栈类型检查 |
|
||
| 测试 | ❌ 无 | ✅ 有 | ✅ 有 |
|
||
| 文档 | 📖 良好 | 📖 完整 | 📖 优秀 |
|
||
|
||
四、开发体验对比
|
||
|
||
| 场景 | 推荐 | 原因 |
|
||
|------|------|------|
|
||
| 添加新页面 + 数据表 | wasp-lang | 框架生成，完全类型安全 |
|
||
| 配置 Stripe | Next.js | 最少配置，专注集成逻辑 |
|
||
| 实现 RBAC 权限系统 | boxyhq | 完整示例和最佳实践 |
|
||
| AI coding 快速迭代 | Next.js 和 wasp | 代码简洁，结构清晰 |
|
||
| 学习 SaaS 概念 | Next.js | 最少干扰，专注核心 |
|
||
|
||
五、建议方案
|
||
|
||
**MVP 阶段（1-3 个月）：**
|
||
👉 使用 **Next.js SaaS Starter** + Claude Code
|
||
- 快速上线核心功能
|
||
- 专注产品迭代，不陷入架构细节
|
||
- AI 辅助开发效率最高
|
||
|
||
**验证成功，需扩展（3-6 个月）：**
|
||
👉 迁移到 **wasp-lang/open-saas** 或重构为 **boxyhq** 级别
|
||
- 如需复杂权限系统 → boxyhq
|
||
- 如需全栈类型安全 + AI 深度开发 → Wasp
|
||
|
||
**学习企业架构（研究用）：**
|
||
👉 研究 **boxyhq/saas-starter-kit**
|
||
- 不一定用于生产，但可学习业界最佳实践
|
||
- 多人团队规模时的权限设计思路
|