はじめに
AIチャットボットはVercelによって開発されたオープンソースプロジェクトで、開発者がインテリジェントなチャットボットを迅速に構築し、デプロイすることを支援します。このプロジェクトはNext.jsフレームワークをベースにしており、OpenAI、Anthropic、Cohereなどの様々なAIモデルプロバイダと統合されています。VercelのAI SDKを使用することで、開発者はテキスト、構造化オブジェクト、ツールコールを簡単に生成できます。このプロジェクトは、データの永続性、ファイルストレージ、安全な認証もサポートしており、効率的でスケーラブルなチャットボットアプリケーションを作成するための完全なソリューションを提供します。
機能一覧
- Next.jsアプリケーションルーティングシームレスなナビゲーションと高いパフォーマンスのための高度なルーティング機能を提供します。
- リアクト・サーバー・コンポーネントサーバーサイドレンダリングとサーバーオペレーションをサポートし、パフォーマンスを向上。
- AI SDKテキスト、構造化オブジェクト、ツールコールを生成するための統一API。
- マルチモデル対応OpenAI GPT-4はデフォルトでサポートされています。
- データの永続性Vercel Postgresを使用してチャットログとユーザーデータを保存します。
- ファイルストレージVercel Blobによる効率的なファイルストレージ。
- 安全認証: NextAuth.jsと統合し、シンプルでセキュアな認証メカニズムを提供します。
- スタイリングTailwind CSSとRadix UIを使用した柔軟なコンポーネントのスタイリングを提供します。
ヘルプの使用
設置プロセス
- Vercel CLIのインストールターミナルで実行
npm i -g vercel
Vercelコマンドラインツールをインストールする。 - ローカルインスタンスのリンク使用
バーセルリンク
ローカルインスタンスをVercelとGitHubのアカウントにリンクし、次のように作成します。.vercel
カタログ - 環境変数のダウンロード走る
バーセル環境プル
環境変数をダウンロードする。 - 依存関係のインストール使用
pnpmインストール
プロジェクトの依存関係をインストールします。 - ローカルオペレーション走る
pnpm dev
ローカル開発サーバーを起動しローカルホスト:3000
アプリを見る
機能操作
- テキストの生成AI SDKのAPIを呼び出すことで、様々なテキストコンテンツを生成することができます。サンプルコードは以下の通りです:
インポート { generateText } from 'ai-sdk';
const response = await generateText('Your hint'); console.log(response);
console.log(response);
- データの永続性: Vercel Postgresを使用してチャットログを保存し、データの永続性とセキュリティを確保します。サンプルコードを以下に示します:
import { saveChat } from 'vercel-postgres';
await saveChat(userId, chatData);
- ファイルストレージVercel Blobによるファイルストレージを実装し、効率的なファイルのアップロードとダウンロードをサポートします。サンプルコードは以下の通りです:
import { uploadFile } from 'vercel-blob';
const fileUrl = await uploadFile(file); console.log(fileUrl);
console.log(fileUrl);
- ユーザー認証: NextAuth.jsを統合して、ユーザー認証を実装し、アプリケーションのセキュリティを確保します。サンプルコードは以下の通りです:
import { getSession } from 'next-auth/client';
const session = await getSession(); console.log(session);
console.log(session);
展開
- ワンクリック配備Vercelプラットフォーム上の "One Click Deploy "ボタンをクリックし、アプリケーションを素早くVercelにデプロイします。
- 環境変数の設定Vercelダッシュボードで環境変数を設定し、アプリケーションが正しく動作するようにします。
- 継続的インテグレーションGitHubリポジトリにプッシュするたびに、Vercelは自動的にアプリケーションの最新バージョンをビルドし、デプロイします。
これらのステップを踏むことで、開発者はAIチャットボットをすぐに使い始めることができ、独自のインテリジェントなチャットボット・アプリケーションを構築し、展開することができます。