feat: 实现 Mini Game AI 工具平台
基于 Next.js 15、React 19 和 TypeScript 构建面向小游戏开发者的 AI 赋能工具平台。 主要功能: - 首页:包含 Hero、功能展示、优势介绍、定价和 CTA 区域 - 三大核心工具:视频转序列帧、图片压缩、音频压缩 - 响应式布局:包含顶部导航、页脚和侧边栏 - 文件上传:支持拖拽上传,使用 react-dropzone - 进度追踪:实时显示上传和处理进度 - 可配置工具:每个工具都支持自定义参数配置 - 结果预览:支持下载处理后的文件 - 4K 优化:针对大屏幕优化的响应式设计 - API 路由:文件上传和处理的模拟实现 技术栈: - Next.js 15 (App Router) - React 19 - TypeScript (严格模式) - Tailwind CSS(自定义 4K 断点) - shadcn/ui 组件库 - Framer Motion 动画 - Zustand 状态管理 Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
35
.env.example
Normal file
35
.env.example
Normal file
@@ -0,0 +1,35 @@
|
||||
# Application Configuration
|
||||
NEXT_PUBLIC_APP_URL=http://localhost:3000
|
||||
NEXT_PUBLIC_APP_NAME="Mini Game AI Tools"
|
||||
|
||||
# Database (Phase 6)
|
||||
# DATABASE_URL="postgresql://..."
|
||||
|
||||
# NextAuth (Phase 6)
|
||||
# NEXTAUTH_URL=http://localhost:3000
|
||||
# NEXTAUTH_SECRET="your-secret-here"
|
||||
|
||||
# OAuth (Phase 6)
|
||||
# GOOGLE_CLIENT_ID="your-google-client-id"
|
||||
# GOOGLE_CLIENT_SECRET="your-google-client-secret"
|
||||
# GITHUB_CLIENT_ID="your-github-client-id"
|
||||
# GITHUB_CLIENT_SECRET="your-github-client-secret"
|
||||
|
||||
# AI Services (Phase 5)
|
||||
# REPLICATE_API_TOKEN="your-replicate-token"
|
||||
# OPENAI_API_KEY="your-openai-api-key"
|
||||
|
||||
# Storage Service (Production)
|
||||
# CLOUDFLARE_R2_ACCOUNT_ID="your-account-id"
|
||||
# CLOUDFLARE_R2_ACCESS_KEY_ID="your-access-key"
|
||||
# CLOUDFLARE_R2_SECRET_ACCESS_KEY="your-secret-key"
|
||||
# CLOUDFLARE_R2_BUCKET_NAME="mini-game-ai"
|
||||
|
||||
# Payment (Phase 6)
|
||||
# STRIPE_PUBLIC_KEY="your-stripe-public-key"
|
||||
# STRIPE_SECRET_KEY="your-stripe-secret-key"
|
||||
# STRIPE_WEBHOOK_SECRET="your-webhook-secret"
|
||||
|
||||
# File Upload Limits
|
||||
MAX_FILE_SIZE=52428800
|
||||
MAX_FILE_SIZE_PREMIUM=524288000
|
||||
Reference in New Issue
Block a user