基于Next.js App Router构建的多模型 AI 聊天工具 Open-Fiesta

Open-Fiesta是一个基于Next.js App Router构建的开源多模型AI聊天平台，允许用户在包括Gemini和OpenRouter等多个AI提供商的模型之间自由切换并同时运行至多五个模型进行输出对比。Open-Fiesta支持按消息启用网络搜索，为Gemini模型提供图片附件功能，能对不同模型API响应的标准化处理（如对DeepSeek R1输出进行优化以提升可读性），为用户提供一个灵活高效的视觉化的AI交互和分析环境，支持用户在运行时通过界面或环境变量灵活配置所需的API密钥。

Open-Fiesta支持的模型

Open-Fiesta支持多种AI模型，包括：

• Gemini 2.5 Flash（有免费和专业版本）

• DeepSeek Chat v3 0324（免费）

• Llama 3.3 70B Instruct（免费）

• GLM 4.5 Air（免费）

• OpenAI GPT-OSS 20B（免费）

Open-Fiesta功能

• 支持Gemini、OpenRouter（包括DeepSeek R1、Llama 3.3、Qwen、Mistral、Moonshot、Reka、Sarvam等）。

• 最多可选择5个模型运行。

• 每条消息可切换网页搜索功能。

• 图片附件支持（Gemini模型）。

• 支持键盘提交，适配流式API。

Open-Fiesta使用的技术栈

• Next.js 14（App Router、TypeScript）

• Tailwind CSS

• 用于提供商调用的API路由

Open-Fiesta部署安装

1、安装依赖

npm i

2、配置环境：创建.env.local文件，并填入计划使用的密钥：

# OpenRouter（大多数免费模型推荐使用）
OPENROUTER_API_KEY=...

# Gemini（用于Gemini模型和图像输入）
GOOGLE_GENERATIVE_AI_API_KEY=...

3、运行开发服务器

npm run dev
# 打开 http://localhost:3000

环境变量

• OPENROUTER_API_KEY：来自 openrouter.ai 的API密钥（OpenRouter模型必需）

• GOOGLE_GENERATIVE_AI_API_KEY：来自Google AI Studio的API密钥（Gemini模型必需）

可以在运行时在UI的设置面板中提供API密钥。

项目结构

• app/ – 包含用户界面和API路由

• api/openrouter/route.ts – 标准化不同OpenRouter模型的响应；去除推理过程，将DeepSeek R1的输出清理为纯文本

• api/gemini/route.ts、api/gemini-pro/route.ts

• components/ – 包含UI组件（聊天框、模型选择器等）

• lib/ – 包含模型目录和客户端辅助工具

Open-Fiesta会对DeepSeek R1的输出进行后处理，移除推理标签，并将Markdown转换为纯文本，以提高可读性同时保留内容。