模版介绍

ShipSasS 是一个用于构建 SaaS 网站的完整 Next.js 模版，旨在用模块化、可扩展的基础能力加速开发。你可以直接使用，也可以按需扩展。

无论你是初学者还是经验丰富的开发者，这份文档都会帮助你完成配置与部署。

本文档默认你对 Next.js 有一定了解。如果你不熟悉，请先阅读官方文档，因为这里不会覆盖基础概念。

让我们开始吧。

技术栈

• Next.js 16：使用 React 19 构建全栈 Web 应用程序的框架。
• Drizzle ORM：类型安全的数据库访问方案。
• Tailwind CSS：实用优先的 CSS 框架。
• Shadcn/ui / Magic UI / Animate UI / Tailark：预构建组件与区块。
• Better Auth：现代、安全、易用的身份验证方案。
• Resend：应用内邮件发送服务。
• Fumadocs：面向开发者的文档框架。
• Stripe：SaaS 支付与订阅平台。
• Vercel AI SDK：构建 AI 应用的工具集合。
• Vercel AI Gateway：单一端点访问多个模型的网关。
• Vercel AI Elements：AI 应用组件库。
• Cron Job：开源免费的定时任务平台。
• Zod：TypeScript 校验与类型推导。
• Zustand：轻量可扩展的状态管理库。
• Next-Intl：Next.js 国际化解决方案。
• Next-Safe-Action：带校验与错误处理的类型安全服务端动作库。

本文档的范围

本文档将指导你配置、运行与部署模版，并在需要时提供底层技术的官方文档入口。要完整掌握模版并成功上线，理解这些技术是必要的，因此建议按需阅读官方文档。

对于与 ShipSasS 模版强相关的主题，本文档会提供全面的介绍与实践指引。

官方文档

如需深入了解底层技术，请参考各自官方文档：

• Next.js
• Drizzle
• Tailwind CSS
• Radix UI
• Shadcn/ui
• Magic UI
• Animate UI
• Dice UI
• Tailark
• Better Auth
• Resend
• Fumadocs
• Stripe
• Vercel AI SDK
• Vercel AI Gateway
• Vercel AI Elements
• Zod
• Nuqs
• Zustand
• Next-Intl
• Next-Safe-Action

为了更顺畅的开发体验，建议将这些文档添加到你的 IDE 文档面板中，便于随时查阅。

获取帮助

遇到问题时，可以通过以下方式获得帮助：

• 阅读 ShipSasS 文档
• 查看路线图
• 在 X (Twitter) 上关注我们
• 加入 Discord 社区
• 通过 [email protected] 联系支持团队

下一步

你已经准备好开始了，接下来可以：

• 入门文档：开始使用 ShipSasS
• 环境配置：完善环境变量与服务配置
• 数据库：完成数据库初始化
• 开发环境：配置本地开发流程