sveltekit ai chatbot

Sveltekit AIチャットボット

Sveltekit、Vercel AI SDK、Openai、およびVercel KVで構築されたオープンソースAIチャットボットアプリテンプレート。

機能・モデルプロバイダー・独自の展開・ローカルに実行する・著者

これは、vercel-labs/ai-chatbotの非公式のsveltekitポートです。

開発のサポート

このテンプレートが便利だと思う場合は、GitHubスポンサーシップまたはKO-Fiを通じて私をサポートして、その開発を支援してください。

特徴

• sveltekit
• ストリーミングチャットUI用のVercelAi SDK
• OpenAI（デフォルト）、人類、ハグ、またはカスタムAIチャットモデルおよび/またはラングチェーンのサポート
• エッジランタイム対応
• shadcn/uiおよびshadcn-svelte
  • Tailwind CSSを使用したスタイリング
  • ヘッドレスコンポーネントプリミティブ用のラディックススベルートとスベルトヘッドレスUI
  • 蛍光アイコンからのアイコン
• チャット履歴、レート制限、およびVercel KVを使用したセッションストレージ（？構造中）
• 認証用のauth.js

モデルプロバイダー

このテンプレートは、デフォルトとしてOpenAI gpt-3.5-turboを搭載しています。ただし、Vercel AI SDKのおかげで、LLMプロバイダーを人類、ハグ、または数行のコードでLangchainを使用することができます。

独自の展開

next.js aiチャットボットの独自のバージョンを展開して、ワンクリックでvercel：

KVデータベースインスタンスの作成

Vercelが提供するクイックスタートガイドに概説されている手順に従ってください。このガイドは、VercelでKVデータベースインスタンスの作成と構成を支援し、アプリケーションが対話できるようにします。

環境変数（ KV_URL 、 KV_REST_API_URL 、 KV_REST_API_TOKEN 、 KV_REST_API_READ_ONLY_TOKEN ）を忘れずに、KVデータベースのセットアップ中に提供された適切な資格情報を使用して.envファイルで。

ローカルで実行されます

.env.exampleで定義されている環境変数を使用して、next.js aiチャットボットを実行する必要があります。これにVercel環境変数を使用することをお勧めしますが、必要なのは.envファイルです。

注： .envファイルをコミットしないでください。または、他の人がさまざまなOpenAIおよび認証プロバイダーアカウントへのアクセスを制御できるようにする秘密を公開します。

1. Vercel CLI： npm i -g vercelをインストールします
2. ローカルインスタンスをvercelおよびgithubアカウントにリンク（ .vercelディレクトリを作成）： vercel link
3. 環境変数をダウンロード： vercel env pull

npm install

npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open

アプリテンプレートは、LocalHost：5173で実行されるようになりました。

著者

このテンプレートは、次の貢献があるNext.jsバージョンに大きく基づいています。

• Jian Yuan Lee（@jyuan）