gemini chatbot

next.jsジェミニチャットボット

vercelによってnext.jsとAI SDKで構築されたオープンソースAIチャットボットテンプレート。

機能・モデルプロバイダー・独自の展開・ローカルで実行している

特徴

• next.jsアプリルーター
  • シームレスなナビゲーションとパフォーマンスのための高度なルーティング
  • サーバー側のレンダリングとパフォーマンスの向上のためのReact Serverコンポーネント（RSC）とサーバーアクション
• ai sdk
  • LLMSを使用してテキスト、構造化されたオブジェクト、およびツールコールを生成するためのUnifiedAPI
  • 動的チャットと生成ユーザーインターフェイスを構築するためのフック
  • Google（デフォルト）、OpenAI、人類、協力、およびその他のモデルプロバイダーをサポートしています
• shadcn/ui
  • Tailwind CSSを使用したスタイリング
  • アクセシビリティと柔軟性のために、RADIX UIのコンポーネントプリミティブ
• データの持続性
  • チャット履歴とユーザーデータを保存するためにネオンを搭載したVercel Postgres
  • 効率的なオブジェクトストレージ用のVercelBlob
• nextauth.js
  • シンプルで安全な認証

モデルプロバイダー

このテンプレートは、デフォルトとしてGoogle Gemini gemini-1.5-proモデルを搭載しています。ただし、AI SDKを使用すると、LLMプロバイダーをOpenAI、人類、協力などに切り替えることができます。

独自の展開

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

ローカルで実行されます

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

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

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

pnpm install
pnpm dev

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