模板介绍
介绍 MkSaaS,一个用于构建 AI SaaS 网站的完整 Next.js 模板
什么是 MkSaaS?
欢迎使用 MkSaaS,一个用于构建 AI SaaS 网站的完整模板。这个项目旨在通过一个强大的、模块化和可扩展的基础来加速您的开发。您可以直接使用它,也可以根据自己的需求进行扩展。
人们使用 MkSaaS 构建 AI SaaS 网站的原因有很多:
- 🚀 快速且现代 —— 使用 Next.js 15 App Router 和 TypeScript 构建
- 🎨 美观的 UI —— 由 Tailwind CSS 和 shadcn/ui 组件驱动
- 📱 响应式 —— 在所有设备上都能完美运行
- 🔍 SEO 优化 —— 内置 SEO 功能
无论您是初学者还是经验丰富的开发者,本文档都将指导您完成网站的设置、配置和部署。
本文档假设您对 Next.js 有一定的了解。如果您对这些技术不熟悉,请参考官方文档,因为我们不会在本文档中涵盖基础知识。
让我们开始吧!
技术栈
Next.js 15
使用 React 19 构建全栈 Web 应用程序的 React 框架。
Drizzle ORM
帮助您以类型安全的方式访问数据库的 ORM 工具。
Tailwind CSS
实用优先的 CSS 框架,包含可组合的实用类来构建任何设计。
Shadcn/ui / Magic UI / Animate UI / Tailark
一系列预构建的组件和块,您可以使用它们来构建您的 SaaS 网站。
Better Auth
现代、安全、易于使用且与框架无关的身份验证解决方案。
Resend
现代的电子邮件服务,允许您从应用程序发送电子邮件。
Fumadocs
一个为开发者设计的美观文档框架,灵活且高性能。
Stripe
最受欢迎且最安全的 SaaS 网站支付平台。
Vercel AI SDK
用于构建 AI 应用程序的工具集合,开源且免费。
Inngest
一个服务器无事件驱动平台,用于构建可扩展和事件驱动的应用程序。
Zod
一个用于 TypeScript 的架构验证库。
Zustand
小巧、快速且可扩展的 React 应用程序状态管理解决方案。
Next-Intl
支持路由、消息和本地化的 Next.js 国际化库。
Next-Safe-Action
内置验证和错误处理的 Next.js 类型安全后台操作的库。
本文档的范围
本文档将指导您配置、运行和部署模板,并在必要时提供底层技术官方文档的链接。要完全掌握模板的功能,了解这些技术至关重要,因此请务必探索它们的文档。
对于与 MkSaaS 模板 严格相关的任何内容,本文档都为您提供了全面的介绍!
官方文档
要深入了解底层技术,请参考它们的官方文档:
- Next.js: Next.js 文档
- Drizzle: Drizzle 文档
- Tailwind CSS: Tailwind CSS 文档
- Radix UI: Radix UI 文档
- Shadcn/ui: Shadcn/ui 文档
- Magic UI: Magic UI 文档
- Tailark: Tailark 文档
- Better Auth: Better Auth 文档
- Resend: Resend 文档
- Fumadocs: Fumadocs 文档
- Stripe: Stripe 文档
- Vercel AI SDK: Vercel AI SDK 文档
- Inngest: Inngest 文档
- Zod: Zod 文档
- Zustand: Zustand 文档
- Next-Intl: Next-Intl 文档
- Next-Safe-Action: Next-Safe-Action 文档
了解这些技术对于构建成功的 SaaS 网站至关重要。
为了获得更集成的开发体验,我们建议将这些文档链接添加到您的 Cursor 文档面板中。这样您就可以快速参考文档而无需离开编辑器。请参阅我们的 IDE 设置 文档,了解如何将这些资源添加到 Cursor 的说明。
获取帮助
如果您遇到困难,以下是一些获取帮助的方法:
- 查看 MkSaaS 文档
- 在 X (Twitter) 上关注我们
- 查看 发布历史
- 加入我们的 Discord 社区
- 查看 路线图
- 在 GitHub Issues 上提交问题
- 在 GitHub Discussions 上开始讨论
- 通过 support@mksaas.com 联系我们的支持团队
下一步
现在您已经运行了 MkSaaS,以下是一些后续步骤: