AIチャットボット Supabase: オープンソースのNext.jsとSupabaseで構築されたAIチャットボットをVercelに迅速に導入。

はじめに

AIチャットボットSupabaseは、Next.jsとSupabaseで構築されたオープンソースのAIチャットボットテンプレートです。Vercelによって開発されたこのプロジェクトは、完全に機能的でカスタマイズ可能なチャットボットソリューションを提供することを目的としています。Supabaseデータベースを統合することで、ユーザーはチャットログとユーザーデータの効率的な保存と管理を実現できます。このテンプレートは、様々なAIモデルプロバイダをサポートし、様々なアプリケーションシナリオのためのリアルタイム応答機能を備えています。

機能一覧

• プロバイダー統合モデルOpenAI、Anthropic、Cohere、その他多くのモデルプロバイダーをサポート。
• リアルタイム応答AIがリアルタイムで応答するためのストリーミングサポートを内蔵。
• データベース統合Supabase Postgres データベースを使用して、チャットログとユーザーデータを保存します。
• 文書管理Supabaseファイルストレージで効率的にファイルを管理、アップロード。
• ユーザー認証複数の認証プロバイダーと回線レベルのセキュリティをサポート。
• カスタムテーマTailwind CSSとRadix UIコンポーネントをサポートし、柔軟なテーマとダークモードをサポートします。
• 地域開発詳細なローカル開発および展開のガイドラインを提供します。

ヘルプの使用

インストールとセットアップ

1. 必要なツールの設置::
   • Node.js 18歳以上
   • pnpm (経由npm install -g pnpm(インストール）
   • ギット
   • コードエディター（VS Code推奨）
2. 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
     • 故宮/文：npx supabase <command>
   • Supabaseプロジェクトを作成する：

    npx supabase projects create -i "ai-chatbot-supabase"
   

   • Supabase の設定を初期化する：

    npx supabase init
   npx supabase link --project-ref your-project-id
   

3. 環境変数の設定::
   • 確立.env.localファイルに以下の変数を追加する：

    NEXT_PUBLIC_SUPABASE_URL=<api-url>
   NEXT_PUBLIC_SUPABASE_ANON_KEY=<anon-key>
   

4. データベース・アーキテクチャの初期化::

   supabase db push
supabase db reset --dry-run

地域開発

1. プロジェクトのクローンとインストール::

   git clone https://github.com/nolly-studio/ai-chatbot-supabase.git
cd ai-chatbot-supabase
pnpm install

2. 開発サーバーの起動::

   pnpm dev

アプリケーションはhttp://localhost:3000.

ヴェルセルへの配備

1. Vercelプロジェクトの設定::
   • Vercelダッシュボードの "New Project "をクリックしてください。
   • クローンしたリポジトリをインポートし、フレームワークとして "Next.js "を選択します。
   • 環境変数の設定：

    NEXT_PUBLIC_SUPABASE_URL=<api-url>
   NEXT_PUBLIC_SUPABASE_ANON_KEY=<anon-key>
   OPENAI_API_KEY=<your-openai-api-key>
   

2. ビルド設定の構成::
   • ビルド・コマンド：pnpm build
   • 出力ディレクトリ：.next
   • インストールコマンド：pnpm install
3. 展開::
   • デプロイ」をクリックすると、Vercelが自動的にアプリケーションをビルドし、デプロイします。

一般的な問題

• スーパーベース接続の問題::
  • 環境変数が正しく設定されていることを確認する。
  • Supabaseダッシュボードでデータベースのステータスを確認する。
• ビルドエラー::
  • 晴れる.nextフォルダーrm -rf .next
  • 依存関係を再インストールする：pnpm clean-install