nuxt-ui-templates/chat

解決的問題

本專案提供即用型的應用程式範本，用於建構 AI 聊天機器人。它消除了從零開始建構常見聊天介面元件（如認證、聊天歷史記錄和檔案上傳）的需要，讓開發者能直接專注於 AI 整合。

如何運作

此範本使用 Nuxt UI 框架建構，並與 Vercel AI SDK 整合以處理串流式 AI 回應。它使用 Vercel AI Gateway 提供統一 API，用於存取多種模型（如 Claude、Gemini 和 GPT），並透過 Drizzle ORM 使用 SQLite 資料庫來實現持久化聊天歷史記錄。檔案管理方面，整合了 NuxtHub Blob 以支援拖曳上傳。

適用對象

希望使用 Nuxt 生態系統快速部署專業且功能完整的 AI 聊天應用的 Web 開發者。

主要特色

• 串流式 AI 回應：支援思考/推理，並相容多個模型提供者。
• 整合認證：透過 GitHub OAuth 實現。
• 持久化聊天歷史記錄：使用 SQLite/Turso。
• 豐富的 UI 渲染：支援工具呼叫，包含圖表與天氣資料。
• 檔案上傳功能：支援拖曳上傳。
• 串流式程式碼語法強調的 Markdown 渲染。