ProductReadyProductReady

欢迎使用 ProductReady

构建生产级的、文档健全的、市场材料完备的、AI Agent 装配好的智能应用 - 真正拿去销售赚钱的、完整的那种

欢迎使用 ProductReady 🚀

What is ProductReady? (什么是 ProductReady?)

ProductReady 是一个生产就绪的 Next.js 模板,帮助你快 10 倍地构建生产级的、文档健全的、市场材料完备的、AI Agent 装配好的智能应用。真正拿去销售赚钱的、完整的那种。不再浪费数周时间搭建基础架构 - 从坚实的基础开始,专注于你的独特功能。

新手?快速开始开始,10 分钟内运行你的应用!


包含内容

ProductReady 包含构建现代 SaaS 应用所需的一切:

  • Next.js 16 使用 App Router 和 TypeScript
  • 身份认证(Better Auth)支持 OAuth
  • 数据库(Drizzle ORM + PostgreSQL)
  • 类型安全 API(tRPC v11)
  • AI 就绪的任务管理系统
  • 富文本编辑器(Tiptap)
  • 国际化(i18n)支持
  • 后台管理(System Admin)
  • 设计系统支持暗黑模式
  • 文档系统(Fumadocs)
  • 测试(Vitest + Playwright)
  • 一键部署到 Vercel

快速开始


核心功能

🔐 身份认证

完整的认证系统,支持邮箱/密码和社交登录。

  • 邮箱 + 密码注册/登录
  • OAuth(GitHub、Google)
  • 会话管理
  • 受保护路由(tRPC 和页面)
  • 密码重置流程

了解更多 →


🗄️ 数据库

使用 Drizzle ORM 和 PostgreSQL 的类型安全数据库。

  • 类型安全查询,自动补全
  • 迁移系统
  • 关系支持
  • 开发环境种子数据
  • 支持 Neon、Supabase 或自托管

了解更多 →


💳 订阅计费

完整的 Stripe 集成,开箱即用。

  • 订阅计划管理
  • 结账流程
  • 客户门户
  • Webhook 处理
  • 价格表组件

了解更多 →


📧 邮件服务

基于 Resend 的邮件发送系统。

  • React Email 模板
  • 事务性邮件
  • 营销邮件支持
  • 开发环境预览
  • 类型安全 API

了解更多 →


🌐 类型安全 API

使用 tRPC v11 实现端到端类型安全。

  • 全局自动补全
  • 使用 Zod v4 进行运行时验证
  • React Query 集成
  • 演示模式用于测试
  • 包含 OpenAPI 文档

了解更多 →


📝 富文本编辑器

功能强大的富文本编辑器,基于 Tiptap 构建。

  • 模块化架构
  • 图片上传与管理
  • Markdown 支持
  • slash 命令菜单
  • 实时预览

了解更多 →


🌍 国际化 (i18n)

完整的国际化支持,轻松适配多语言。

  • 基于 next-intl
  • 类型安全的翻译键
  • 路由中间件支持
  • 客户端与服务端组件支持
  • 自动语言检测

了解更多 →


⚡️ 后台管理

内置强大的管理员仪表板。

  • 用户管理
  • 内容管理
  • 系统配置
  • 数据统计
  • 角色权限控制

了解更多 →


🎨 设计系统

使用 CSS 变量和暗黑模式的精美 UI。

  • 可自定义颜色
  • 明暗模式
  • KUI 组件库
  • 响应式设计
  • 无障碍访问(WCAG 2.1 AA)

了解更多 →


面向不同用户

👨‍💼 产品经理和设计师

你不需要成为开发者就能自定义 ProductReady!

从这里开始AI 编程指南 →


👨‍💻 开发者

通过清晰的模式和示例快速提高生产力。

从这里开始快速开始 →


热门指南


示例和教程

通过实际示例学习:

  • 添加新功能 - 构建包含数据库、API 和 UI 的"项目"模块
  • 自定义设计 - 更改颜色、字体和组件
  • 集成支付 - 添加 Stripe 订阅
  • 部署到生产环境 - Vercel、Docker 和环境设置

浏览教程 →


社区和支持

需要帮助?

保持更新


下一步

准备开始构建了吗?

  1. 快速开始 - 10 分钟完成设置
  2. AI 编程指南 - 学习使用 AI 构建
  3. 部署 - 部署到生产环境

让我们开始吧!🚀

On this page