Template Platform (模板平台)

一个基于 AI 的现代网站模板定制平台。用户可以选择模板，通过自然语言对话让 AI 修改代码，实时预览效果，并导出最终项目。

✨ 特性

• AI 驱动编辑: 集成 Gemini 2.0 Flash，支持自然语言修改代码
• 实时预览: 类似于 V0.dev 或 StackBlitz 的即时反馈
• 多模态支持: 支持上传图片、音频、视频素材
• 模板系统: 易于扩展的模板库架构
• 项目导出: 一键导出标准 HTML/CSS/JS 项目包

🛠️ 技术栈

• Frontend: Next.js 14 (App Router), TailwindCSS, Framer Motion
• Backend API: Next.js Server Actions & Route Handlers
• Database: SQLite (via Prisma)
• AI: Google Gemini API
• Auth: Auth.js (NextAuth) v5

🚀 快速开始

1. 安装依赖

npm install

2. 配置环境变量

复制示例配置文件并填写必要信息：

cp .env.example .env.local

必填项：

• GEMINI_API_KEY: Google Gemini API Key
• AUTH_SECRET: 生成一个随机字符串 (运行 npx auth secret)

3. 设置数据库

初始化 SQLite 数据库：

npx prisma db push

4. 准备模板

本项目默认在根目录下寻找 templates 文件夹。你可以：

1. 在项目根目录创建 templates 文件夹
2. 将你的 HTML 模板放入其中（每个模板一个文件夹，必须包含 index.html）

5. 导入模板

运行脚本扫描并导入模板到数据库：

npx tsx scripts/import-templates.ts

6. 启动开发服务器

npm run dev

访问 http://localhost:3000 开始使用。

📁 项目结构

• src/app: Next.js 页面和 API路由
• src/lib: 核心逻辑 (AI Agent, Database, Auth)
• prisma: 数据库 Schema
• public/generated: 用户生成的项目文件存储位置
• scripts: 辅助脚本 (模板导入等)
• templates: (建议) 原始模板文件存放位置

📦 部署

本项目是一个标准的 Next.js 应用，可以轻松部署到 Vercel 或任何支持 Node.js 的平台。

注意：

• 生产环境建议将 SQLite 换成 Postgres (修改 prisma/schema.prisma)
• 如果部署到 Serverless 环境 (如 Vercel)，请配置 STORAGE_PROVIDER=s3 并设置 S3 相关变量，因为 Serverless 环境无法持久化本地文件。