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