Vercel AI SDK + Amazon Bedrock Demo

前提条件

• Node.js 18以上
• AWSアカウントとAmazon Bedrockへのアクセス権限
• AWS認証情報（アクセスキーIDとシークレットアクセスキー）

セットアップ

1. リポジトリのクローン

git clone <repository-url>
cd vercel-sdk-demo

2. サーバーのセットアップ

cd server
npm install

.env.exampleファイルを.envにコピーし、AWS認証情報を設定：

cp .env.example .env

.envファイルを編集して、AWS認証情報を入力：

AWS_ACCESS_KEY_ID=your_aws_access_key_id
AWS_SECRET_ACCESS_KEY=your_aws_secret_access_key
AWS_REGION=us-east-1

3. クライアントのセットアップ

cd ../client
npm install

実行方法

1. サーバーの起動

cd server
npm run dev

サーバーはhttp://localhost:3001で起動。

2. クライアントの起動

別のターミナルで：

cd client
npm run dev

使用方法

1. ブラウザでhttp://localhost:3002にアクセスし。
2. テキスト入力欄に質問やプロンプトを入力します。
3. 「送信」ボタンをクリックします。
4. AIからのストリーミングレスポンスがリアルタイムで表示されます。

技術スタック

• サーバーサイド：

  • Fastify
  • Vercel AI SDK
  • Amazon Bedrock SDK
  • TypeScript

• クライアントサイド：

  • React
  • Vite
  • Vercel AI SDK React Hooks
  • TypeScript

参考リソース

• Vercel AI SDK
• Amazon Bedrock ドキュメント
• Anthropic Claude API リファレンス