vercel-labs/gemini-chatbot

これは何？

主な機能

• 01React Server ComponentsとServer Actionsを使ったNext.js App Router
• 02テキスト、構造化オブジェクト、ツール呼び出しに対応する統一AI SDK API
• 03Google Geminiをデフォルトで使用し、OpenAI、Anthropic、Cohereにも対応
• 04shadcn/ui、Tailwind CSS、Radix UIのプリミティブで構築したUI
• 05チャット履歴はVercel Postgresに、ファイルはVercel Blobに保存
• 06NextAuth.jsによる認証

ユースケース

• Google Geminiを使った独自チャットボットUIの開発
• Vercel AI SDKでストリーミング対応のチャットUIを構築する方法の学習
• モデルを切り替えられるマルチプロバイダー対応LLMチャットアプリのプロトタイピング
• チャットボットテンプレートのワンクリックVercelデプロイ

クイックスタート

1. 1

   Vercel CLIをインストールする

   npm i -g vercel
2. 2

   ローカル環境をVercelとGitHubのアカウントにリンクする

   vercel link
3. 3

   環境変数をダウンロードする

   vercel env pull
4. 4

   依存関係をインストールして開発サーバーを起動する

   pnpm install && pnpm dev

使う前に知っておきたいこと

• !ローカルで実行するには、Vercelアカウントが必要です。また、プロジェクトをVercelとGitHubにリンクする必要があります。
• !デフォルトのGeminiモデルを使用するには、Google Generative AI APIキーが必要です。
• !永続化機能と認証機能は、Vercel Postgres、Vercel Blob、NextAuthの設定に依存します。

収録されている特集

トピック

よくある質問

gemini-chatbot とは？

Google Geminiをデフォルトで利用し、ほかのLLMプロバイダーにも切り替えられる、Next.jsとVercel AI SDK製のチャットボットテンプレート。 Next.js App RouterとVercel AI SDKで構築されたオープンソースのチャットボットテンプレートです。デフォルトモデルとしてGoogle Gemini（gemini-1.5-pro）を採用しており、AI SDKを使えば数行のコードでOpenAI、Anthropic、Cohereなどのプロバイダーに切り替えられます。

gemini-chatbot は無料で使えますか？ライセンスは？

gemini-chatbot は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

gemini-chatbot は今もメンテナンスされていますか？

活発にメンテナンス中。gemini-chatbot の最終コミットは 2026年10月23日 です。

gemini-chatbot は何に使えますか？

Google Geminiを使った独自チャットボットUIの開発 Vercel AI SDKでストリーミング対応のチャットUIを構築する方法の学習 モデルを切り替えられるマルチプロバイダー対応LLMチャットアプリのプロトタイピング チャットボットテンプレートのワンクリックVercelデプロイ

gemini-chatbot のインストール方法は？

Vercel CLIをインストールする: npm i -g vercel ローカル環境をVercelとGitHubのアカウントにリンクする: vercel link 環境変数をダウンロードする: vercel env pull 依存関係をインストールして開発サーバーを起動する: pnpm install && pnpm dev

gemini-chatbot はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/vercel-labs/gemini-chatbot