ai chatbot supabase下載-AI ai chatbot supabase源代碼下載

ai chatbot supabase

Ai源碼

1.0.0

下載

Next.JS 14和App Router Router就緒AI Chatbot。

next.js ai chatbot x supabase

使用Next.js構建的開源AI聊天機器人模板和Vercel的AI SDK。

功能·模型提供商·部署自己的·在本地運行

特徵

Next.js應用程序路由器
- 無縫導航和性能的高級路由
- React服務器組件（RSC）和服務器端渲染和提高性能的服務器操作
- 圖像，字體和靜態資產的內置優化
AI SDK
- 統一的API用於生成文本，結構化對象和使用LLMS的工具調用
- 用於構建動態聊天和生成用戶界面的掛鉤
- 支持OpenAI（默認），人類，cohere和其他模型提供商
- 實時AI響應的內置流媒體支持
shadcn/ui
- 與尾風CSS的造型
- Radix UI的組件原始詞可訪問性和靈活性
- 可自定義的主題和黑暗模式支持
supabase集成
- Supabase Postgres DB用於穩健聊天歷史記錄和用戶數據存儲
- supabase文件存儲以進行有效的文件管理和上傳
- Supabase Auth具有多個身份驗證提供商和行級安全性
- 實時更新的實時訂閱

模型提供商

該模板以OpenAI gpt-4o作為默認設置發貨。但是，使用AI SDK，您可以將LLM提供商切換為OpenAI，人類，cohere等，以及更多的代碼。

YouTube入門視頻

該視頻可引導您了解如何使用Supabase設置AI聊天機器人。我們將：

使用CLI設置一個新的Supabase項目
鏈接到我們的應用
設置環境變量
運行數據庫遷移以配置模式

入門

快速啟動視頻指南

觀看我們全面的入職視頻，以快速設置您的開發環境並了解項目結構：觀看教程

先決條件

在開始之前，請確保已安裝以下內容：

Node.js 18+
PNPM（ npm install -g pnpm ）
git
代碼編輯器（我們建議vs代碼）

supabase設置

安裝Supabase CLI選擇操作系統的安裝方法：

蘋果：
```
brew install supabase/tap/supabase
```

Windows（PowerShell）：

scoop bucket add supabase https: // github.com / supabase / scoop - bucket.git
scoop install supabase

Linux：
```
brew install supabase/tap/supabase
```
npm/bun：
```
npx supabase < command >
```

創建一個supabase項目

 # Create a new project
npx supabase projects create -i " ai-chatbot-supabase "

# Note: Save the project ID and database password shown after creation

選擇組織後，您的組織ID可以在Supabase儀表板URL中找到

鏈接您的項目

 # Initialize Supabase configuration
npx supabase init

# Link to your remote project
npx supabase link --project-ref your-project-id

您將需要步驟2的項目ID和數據庫密碼。

配置環境變量創建一個.env.local文件，並具有以下變量：
```
NEXT_PUBLIC_SUPABASE_URL= < api-url >
NEXT_PUBLIC_SUPABASE_ANON_KEY= < anon-key >
```
在項目設置下的Supabase Project儀表板> API中找到這些值

初始化數據庫模式

 # Apply all migrations
supabase db push

# Verify the schema
supabase db reset --dry-run

地方發展

克隆並安裝

git clone https://github.com/your-username/ai-chatbot-supabase.git
cd ai-chatbot-supabase
pnpm install

啟動開發服務器
```
pnpm dev
```
該應用程序將在http：// localhost：3000上找到

開發命令

pnpm build          # Build for production
pnpm start          # Start production server
pnpm lint          # Run ESLint
pnpm type-check    # Run TypeScript checks

故障排除

常見問題和解決方案：

supabase連接問題
- 驗證您的環境變量已正確設置
- 檢查數據庫在supabase儀表板中是否處於活動狀態
構建錯誤
- 清除.next文件夾： rm -rf .next
- 清潔安裝依賴項： pnpm clean-install

有關更多幫助，請打開一個問題。

與Vercel部署

先決條件

一個Vercel帳戶
supabase帳戶
OpenAI API鍵

部署步驟

分叉存儲庫

https://github.com/your-username/ai-chatbot-supabase

配置Vercel項目
- 轉到Vercel儀表板
- 點擊“新項目”
- 導入您的分叉存儲庫
- 選擇“ next.js”作為框架
在Vercel項目設置中設置環境變量，添加以下環境變量：

 # Required
NEXT_PUBLIC_SUPABASE_URL=           # From Supabase project settings
NEXT_PUBLIC_SUPABASE_ANON_KEY=      # From Supabase project settings
OPENAI_API_KEY=                     # Your OpenAI API key