智遗 - AI+非遗 MVP Demo

一个基于 Next.js + TypeScript + Tailwind CSS 开发的AI非遗助手网站。

功能特性

• 首页：项目介绍、功能展示、精选非遗预览
• 非遗传承：非遗项目列表、分类筛选、详情展示
• AI助手：多模型切换、智能对话、快速提问
• 设置页面：API配置、模型选择、系统提示词自定义

技术栈

• Next.js 14 (App Router)
• TypeScript
• Tailwind CSS
• shadcn/ui
• Lucide Icons

安装运行

# 安装依赖
npm install

# 开发模式运行
npm run dev

# 构建生产版本
npm run build

# 启动生产服务
npm start

项目结构

heritage-ai/
├── app/                    # 应用页面
│   ├── page.tsx           # 首页
│   ├── layout.tsx         # 根布局
│   ├── chat/              # AI对话页面
│   ├── heritage/          # 非遗展示页面
│   └── settings/          # 设置页面
├── components/            # 组件
│   ├── ui/               # shadcn/ui 组件
│   └── navigation.tsx    # 导航栏
├── lib/                   # 工具函数
├── public/               # 静态资源
└── next.config.ts        # Next.js 配置

AI模型配置

在设置页面可以配置以下AI提供商：

1. 智谱AI - GLM-4 / GLM-4-Flash
2. DeepSeek - DeepSeek-Chat / DeepSeek-Coder
3. OpenAI - GPT-4 / GPT-3.5

注意：当前MVP版本为模拟响应模式。配置API密钥后可切换至真实AI响应。

设计特色

• 国风配色：朱红 #C41E3A、墨黑 #1a1a1a、米白 #F5F5DC
• 响应式布局：适配桌面端和移动端
• 简洁优雅：现代化的UI设计风格

开发团队

• 产品部：需求定义、功能规划
• 技术部：前端开发、架构设计
• 市场部：品牌文案、推广策略

许可证

MIT License