presentation-ai 的安装和配置教程

项目基础介绍

presentation-ai 是一个开源的 AI 驱动的演示文稿生成器。它可以快速创建带有自定义主题和 AI 生成内容的专业幻灯片。该项目旨在帮助用户在短时间内制作出高质量的演示文稿。

主要编程语言

该项目主要使用 JavaScript，并采用 TypeScript 进行类型强化，以提高代码的可维护性和可读性。

项目使用的关键技术和框架

• Next.js：一个基于 React 的框架，用于构建服务器渲染的应用程序。
• React：用于构建用户界面的 JavaScript 库。
• Prisma：一个数据库 ORM 工具，用于与 PostgreSQL 数据库交互。
• Tailwind CSS：一个功能类优先的 CSS 框架，用于快速UI设计。
• OpenAI API：提供 AI 内容生成功能。
• Radix UI：无头 UI 组件库，用于构建可访问的用户界面。
• Plate Editor：一个富文本编辑系统，用于处理文本、图片和幻灯片组件。

项目安装和配置的准备工作

在开始安装之前，请确保您的系统中已经安装了以下依赖：

• Node.js 18.x 或更高版本
• npm 或 yarn 包管理器
• PostgreSQL 数据库

此外，您需要准备以下 API 密钥和认证信息：

• OpenAI API 密钥
• Together AI API 密钥（用于图像生成）
• Google 客户端 ID 和密钥（用于认证功能）

安装步骤

1. 克隆项目仓库到本地：

   git clone [e-mail]:allweonedev/presentation-ai.git
   cd presentation-ai
   

2. 安装项目依赖：

   pnpm install
   

3. 设置环境变量：

   在项目根目录下创建一个 .env 文件，并添加以下内容：

   # AI Providers
   OPENAI_API_KEY="your_openai_api_key"
   TOGETHER_AI_API_KEY="your_together_ai_api_key"
   
   # For Next Auth
   NEXTAUTH_SECRET="your_nextauth_secret"
   NEXTAUTH_URL="http://localhost:3000"
   
   # Next Auth Google Provider
   GOOGLE_CLIENT_ID="your_google_client_id"
   GOOGLE_CLIENT_SECRET="your_google_client_secret"
   
   # For Uploadthing
   UPLOADTHING_TOKEN="your_uploadthing_token"
   
   # PostgreSQL Database URL
   DATABASE_URL="postgresql://username:password@localhost:5432/presentation_ai"
   

4. 初始化并迁移数据库：

   pnpm db:push
   

5. 启动开发服务器：

   pnpm dev
   

6. 在浏览器中打开 http://localhost:3000 查看应用。

以上步骤将帮助您成功安装并配置 presentation-ai 项目。按照这些指南操作，您应该能够开始开发或使用这个强大的演示文稿生成器。