快速开始

什么是 VideoFly？

欢迎使用 VideoFly，一个用于构建 AI 视频生成 SaaS 网站的完整模板。这个项目旨在通过一个强大的、模块化和可扩展的基础来加速您的开发。您可以直接使用它，也可以根据自己的需求进行扩展。

VideoFly 基于 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 网站，了解这些技术至关重要。

官方文档

要深入了解底层技术，请参考它们的官方文档：

• Next.js
• Drizzle ORM
• Tailwind CSS
• Better Auth
• shadcn/ui
• Resend
• Stripe

下一步

现在您已经了解了 VideoFly，以下是一些后续步骤：

获取帮助

如果您遇到困难，以下是一些获取帮助的方法：

• 查看 GitHub Issues
• 阅读本文档
• 参考技术官方文档