快速开始
VideoCreator - AI 视频生成 SaaS 平台完整模板
欢迎使用 VideoCreator,一个用于构建 AI 视频生成 SaaS 网站的完整模板。这个项目旨在通过一个强大的、模块化和可扩展的基础来加速您的开发。您可以直接使用它,也可以根据自己的需求进行扩展。
VideoCreator 基于 Next.js 15 + React 19 构建,集成了完整的用户认证、积分系统、支付集成和 AI 视频生成功能。
本文档假设您对 Next.js 有一定的了解。如果您不熟悉,请参考 Next.js 官方文档。
让我们开始吧!
核心框架
- •Next.js 15 - 使用 React 19 构建全栈 Web 应用程序的 React 框架
- •React 19 - 最新版本的 React UI 库
- •TypeScript 5 - 类型安全的 JavaScript 超集
数据层
- •PostgreSQL - 关系型数据库(推荐使用 Neon)
- •Drizzle ORM - 类型安全的数据库查询构建器
身份验证
- •Better Auth - 现代、安全、易于使用的身份验证解决方案
- •next-intl - 支持路由、消息和本地化的 Next.js 国际化库
UI 组件
- •shadcn/ui - 基于 Radix UI 的可复用组件
- •Magic UI - 高级动画组件
- •Animate UI - 动画效果组件
- •Framer Motion - React 动画库
状态管理与表单
- •Zustand - 小巧、快速且可扩展的状态管理解决方案
- •TanStack Query - 强大的数据同步库
- •React Hook Form - 高性能表单库
- •Zod - TypeScript 优先的模式验证
支付与存储
- •Creem - 主要支付提供商
- •R2/S3 - 兼容的对象存储服务
邮件服务
- •Resend - 现代电子邮件服务
本文档将指导您配置、运行和部署模板,并在必要时提供底层技术官方文档的链接。
要完全掌握模板的功能和上线成功的 SaaS 网站,了解这些技术至关重要。
官方文档
要深入了解底层技术,请参考它们的官方文档:
下一步
现在您已经了解了 VideoCreator,以下是一些后续步骤:
需要帮助?
如果您遇到困难,以下是一些获取帮助的方法: