ACCESSING DATABANKS...
// 聊天机器人网站：可定制的 AI 对话平台
聊天机器人网站：可定制的 AI 对话平台
可定制的 AI 聊天机器人 / Web 应用 / Next.js 14 项目
一句话总结： 一个为现代网站设计的交互式、可扩展的聊天机器人界面，使用 Next.js 14 App Router、TypeScript、Tailwind CSS 和 Shadcn UI 构建集成了多个大语言模型 (LLM) 提供商，并具有模块化、生产就绪的架构。
开发时长：进行中 (2025)
备注：
- 托管/代码可用性免责声明： 演示站点托管在 chatbot.franzdomingo.tech，使用私有 API。源代码不公开；详情请联系作者。
- 联系获取更多信息或演示： 通过 franzdomingo.tech 联系 Franz Phillip G. Domingo。
- 导航备注： 可通过上方的在线演示链接访问聊天机器人 Web 应用。
功能特性
- 自定义 LLM 集成（OpenAI, Gemini, Ollama, xAI 及自定义 API）
- 具有响应式 UI 的实时聊天
- 模块化、组件驱动的架构
- 生产就绪的样式（Tailwind CSS, Shadcn UI, Radix UI）
- 制品 (Artifacts) 系统：具有实时更新功能的代码、图像、电子表格、笔记
- 身份验证 (Auth.js)
- 数据持久化 (Neon Serverless Postgres, Vercel Blob)
- 性能优化：流式传输、延迟加载、图像压缩
- 可扩展的提供商配置
- 端到端测试 (Playwright)
我的贡献（角色与职责）
集成与部署：
- 在专门的演示环境中部署并配置了 Vercel 的开源 AI 聊天机器人。
后端连接：
- 连接到私有后端 API 以模拟多模型支持。
架构探索：
- 探索了 AI SDK 架构和 LLM 可扩展性模式。
UI/UX 与可扩展性：
- 研究了 UI/UX 的可扩展性，并计划了用于未来增强的组件覆盖。
计划中的增强功能：
- 扩展对 Gemini, Ollama 和自定义端点的支持
- 针对用户定义工作流的 UI/UX 重新设计
- 用于用户特定提示词工程的中间层
面临的挑战
-
提供商可扩展性： 设计一个灵活的架构，以便在 LLM 提供商和自定义端点之间切换。
-
性能： 优化服务器流式传输、延迟加载和制品处理，以实现实时聊天。
-
身份验证与持久化： 集成 Auth.js 和无服务器存储，以实现安全、可扩展的数据管理。
-
UI/UX： 确保跨设备的可访问性和响应式设计。
项目架构
-
架构风格： 带有 React Server Components 的模块化 Next.js 14 App Router。
-
组件组织：
app/: Next.js 路由（聊天、认证、布局）components/: 可复用的 UI 和逻辑驱动组件lib/ai/: LLM 配置、提示词逻辑、提供商注册artifacts/: 制品处理逻辑（文本、图像、代码等）hooks/: 用于聊天、状态、UI 的自定义 React hooktests/: E2E 测试和测试助手
-
状态管理： React Context, Server Actions
-
集成技术： Vercel AI SDK, Auth.js, Neon Serverless Postgres, Vercel Blob
演示预览
-
截图/视频： 您可以在 chatbot.franzdomingo.tech 查看在线演示。您可以直接探索所有功能和 UI。
-
平台视图： Web（响应式，移动优先）
-
展示功能：
- 实时聊天
- LLM 提供商切换
- 制品系统（代码、图像、笔记）
- 身份验证和数据持久化
- 模块化、生产就绪的 UI
-
演示说明： 访问 chatbot.franzdomingo.tech 以与聊天机器人 Web 应用交互。
开发资源
- 指南/文档：
- Next.js, Vercel AI SDK, Tailwind CSS, Shadcn UI, Radix UI 文档
开发者： Franz Phillip G. Domingo
最后更新： 2025-07-11
基于 Vercel 的开源聊天机器人（MIT 许可）构建。针对个人使用和集成进行了定制。