Saaskey.ai – 几小时内构建你的AI SaaS的关键：使用 Next.js 和 React 快速启动 AI 应用

文章简介：

本文介绍了 Saaskey.ai，一个开源的 AI SaaS 启动工具包，旨在帮助开发者在几天而不是几个月内构建和部署自己的 AI SaaS 应用。Saaskey.ai 由一位自学成才的 Indie Hacker @xijaja 创建，他分享了自己从 SvelteKit 转向 Next.js 的经验，以及为什么他决定将 Saaskey.ai 开源。Saaskey.ai 提供了一系列开箱即用的功能和技术，包括 Next.js 16 (App Router) & React 19框架、Tailwind CSS v4 样式、Better Auth 身份验证、Drizzle ORM & Postgres 数据库、Vercel AI SDK & Replicate AI 集成、多租户支持、国际化支持、Docker 部署、Stripe 支付、Resend 邮件以及 MDX 内容管理等。文章还介绍了 Saaskey.ai 的技术栈、入门指南、路线图以及作者的社交媒体联系方式。

文章详细总结：

1. Saaskey.ai 的背景故事：

Saaskey.ai 的作者 @xijaja 是一位产品经理，他通过自学成为了一名 Indie Hacker。他最初尝试使用 SvelteKit 构建 SaaS 应用，但由于生态系统不够完善，最终选择了 Next.js。他意识到，与其将 Saaskey.ai 作为付费 boilerplate 出售，不如将其开源，以便更好地学习和分享知识。他希望通过 Saaskey.ai，开发者可以专注于自己的独特价值主张，而无需花费大量时间在配置和基础架构上。

2. Saaskey.ai 的核心功能：

Saaskey.ai 提供了一系列开箱即用的功能，旨在简化 AI SaaS 应用的开发过程：

• 框架： Next.js 16 (App Router) & React 19：使用最新的 Next.js 和 React 版本，提供高性能和现代化的开发体验。
• 样式： Tailwind CSS v4：使用原子化的 CSS 框架，可以快速构建美观且响应式的用户界面。
• 身份验证： Better Auth：提供安全、类型安全和现代化的身份验证解决方案。
• 数据库： Drizzle ORM & Postgres (Neon ready)：使用 Drizzle ORM 和 Postgres 数据库，提供可靠的数据存储和管理。
• AI 集成： Vercel AI SDK & Replicate：预配置了 Vercel AI SDK 和 Replicate，可以轻松集成各种 AI 功能，例如聊天、图像生成和视频生成。
• AI UI 组件： 提供现成的聊天、图像生成和视频生成用户界面，可以快速构建 AI 应用的前端。
• 多租户： 内置仪表板，支持组织/团队切换，方便管理多个租户。
• 国际化： 提供完整的 i18n 支持和 SEO 优化，可以轻松构建多语言应用。
• 开发者体验： 提供双语（英语和中文）代码注释，帮助开发者理解代码逻辑。
• 部署： 包含 Dockerfile，方便进行容器化部署。
• 支付： 集成了 Stripe 订阅功能，可以轻松实现付费订阅模式。
• 邮件： 集成了 Resend 和 React Email，可以发送事务性邮件。
• 内容： 使用 Content Collections 管理 MDX 内容，可以轻松创建博客和文档。

3. Saaskey.ai 的技术栈：

Saaskey.ai 使用了一系列现代化的技术：

• 核心： Next.js 16, React 19, TypeScript
• 数据库： PostgreSQL, Drizzle ORM
• 身份验证： Better Auth
• 支付： Stripe
• UI/样式： Tailwind v4, Radix UI, Framer Motion
• AI： Vercel AI SDK, Replicate
• 邮件： Resend, React Email
• 表单： React Hook Form, Zod

4. Saaskey.ai 的入门指南：

文章提供了详细的入门指南，包括：

• 先决条件： Node.js 20+ 或 Bun，PostgreSQL 数据库，Stripe、Resend 和 Better Auth API 密钥。
• 安装步骤：
  • 克隆代码仓库。
  • 安装依赖。
  • 设置环境变量。
  • 配置数据库。
  • 运行开发服务器。

5. Saaskey.ai 的路线图：

作者积极维护 Saaskey.ai，并计划添加更多功能，包括：

• 完整的 Better Auth 集成（邮箱/密码 + 社交登录）。
• Drizzle ORM + Postgres 数据库配置和 Schema。
• Stripe 订阅（Checkout、Webhooks 和客户门户）。
• 用于流式聊天、图像生成和视频生成的即用型 UI。
• 多组织/团队切换支持。
• 完整的 i18n 和 SEO 支持。
• Dockerfile 容器化部署。
• 使用 Content Collections 的 MDX 博客系统。
• 使用 Resend 和 React Email 的事务性邮件。
• 与 Inngest 集成的工作流。
• 支持 Creem 和 Polar.sh 支付。
• 与 Affonso.io 和 Promotekit.com 集成的联盟营销。
• 与 Useplunk.com 和 Loops.so 集成的邮件营销。
• 使用 Rybbit.com 的隐私友好型分析。
• GDPR Cookie Consent Popup。
• 用户协议和 Cookie 政策模板。
• 添加 Fumadocs 文档。
• 添加 Stash CMS 集成。
• Cloudflare Workers 支持。
• 第二个 Landing Page 主题。

6. 如何支持 Saaskey.ai：

作者鼓励开发者通过以下方式支持 Saaskey.ai：

• 在 GitHub 上给 Saaskey.ai 点赞。
• 在社交媒体上分享 Saaskey.ai。
• 分享使用 Saaskey.ai 构建的产品。
• 报告问题或分享想法。

7. 如何联系作者：

作者在 X (Twitter) 上分享自己构建 SaaS 产品和学习编程的旅程。开发者可以通过 DM 与他联系。

8. 许可证：

Saaskey.ai 使用 MIT 许可证。

SaaSKey – The key to building your AI SaaS in hours.
https://saaskey.ai/

xijaja/saaskey: The key to quickly building modern SaaS
https://github.com/xijaja/saaskey