返回首页 📖 打开文档查看器

👨‍💻 AIMake 开发者文档

React + Cloudflare Workers + AI 集成

React 18 TypeScript Cloudflare Workers Hono D1 R2 TTS LLM

🚀 快速开始

1

阅读文档

从 docs/README.md 开始,了解完整文档结构

2

配置环境

复制 .env.example,填入 API Keys

3

本地开发

前端: npm run dev
后端: wrangler dev

4

部署上线

前端: Vercel
后端: Cloudflare Workers

🏗️ 技术架构

⚛️

React 前端

Vite + TypeScript
Tailwind CSS
Zustand + React Query

☁️

Workers 后端

Hono 框架
D1 数据库
R2 存储

🤖

AI 服务

腾讯云 TTS
硅基流动 LLM
Clerk 认证

📦

Vercel

前端托管
自动部署
全球 CDN

🌐

Cloudflare

Workers 运行时
Pages 托管
D1 数据库

🔧 技术设计 15 个文档

系统架构、API 设计、数据库、前后端设计

🤖 AI Coding 开发指南

添加 API 接口

1. api-design.md - 定义路由
2. database-schema.md - 确认表结构
3. error-handling.md - 选择错误码
4. backend-architecture.md - 理解架构

添加页面

1. pages-design.md - 查看线框图
2. frontend-architecture.md - 理解组件
3. ui-ux-design.md - 遵循规范
4. i18n-design.md - 添加翻译

常见任务

集成 TTS → tts-free-providers.md
播客模板 → prompt-engineering.md
定价策略 → product-plan.md
环境变量 → env-config.md

📚 技术栈速查

⚛️

React 18

UI 框架

📘

TypeScript

类型安全

Vite

构建工具

🎨

Tailwind CSS

样式框架

🔧

Hono

Web 框架

🗄️

D1

SQLite 数据库

📦

R2

对象存储

🎙️

腾讯云 TTS

语音合成


← 返回首页