Chat SDK

Chat SDK は、Next.js と AI SDK で構築された無料のオープンソーステンプレートで、強力なチャットボットアプリケーションを迅速に構築するのに役立ちます。

ドキュメントを読む · 機能 · モデルプロバイダー · 自分でデプロイする · ローカルでの実行

機能

Next.js App Router
- シームレスなナビゲーションとパフォーマンスのための高度なルーティング
- サーバーサイドレンダリングとパフォーマンス向上のための React Server Components (RSC) と Server Actions
AI SDK
- LLM によるテキスト、構造化オブジェクト、ツール呼び出しを生成するための統一 API
- 動的なチャットと生成 UI を構築するためのフック
- xAI（デフォルト）、OpenAI、Fireworks、その他のモデルプロバイダーをサポート
shadcn/ui
- Tailwind CSS によるスタイリング
- アクセシビリティと柔軟性のための Radix UI のコンポーネントプリミティブ
データ永続化
- チャット履歴とユーザーデータを保存するための Vercel Postgres powered by Neon
- 効率的なファイル保存のための Vercel Blob
NextAuth.js
- シンプルで安全な認証

このテンプレートには、デフォルトのチャットモデルとして xAI の grok-2-1212 が同梱されています。ただし、AI SDK を使用すると、数行のコードを変更するだけで、LLM プロバイダーを OpenAI、Anthropic、Cohere、その他多数に切り替えることができます。

Next.js AI Chatbot の独自バージョンを、ワンクリックで Vercel にデプロイできます:

Next.js AI Chatbot を実行するには、.env.example で定義されている環境変数を使用する必要があります。Vercel Environment Variables を使用することをお勧めしますが、.env ファイルがあれば十分です。

注: .env ファイルはコミットしないでください。コミットすると、さまざまな AI および認証プロバイダーのアカウントへのアクセスを制御できるシークレットが公開されてしまいます。

pnpm install
pnpm dev

アプリテンプレートは localhost:3000 で実行されているはずです。