nuxt-ui-templates/chat

解決する問題

このプロジェクトは、開発者がフル機能の AI チャットボットを迅速に構築してデプロイできるようにする、すぐに使えるアプリケーションテンプレートを提供します。チャット履歴、認証、ファイルアップロードなどの一般的なチャットインターフェース要素をゼロから構築する必要がなくなります。

仕組み

このテンプレートは、Nuxt フレームワークと Nuxt UI コンポーネントを使用して構築されています。Vercel AI SDK と統合してストリーミング AI 応答を処理し、Vercel AI Gateway を介して複数のモデル（Claude、Gemini、GPT など）をサポートします。データの永続化には、SQLite（Turso 経由）と Drizzle ORM を使用し、ファイルアップロードは NuxtHub Blob を通じて管理されます。

対象読者

ボイラープレートコードに時間を費やすことなく、認証とデータベースの永続化を統合したプロフェッショナルな AI チャットインターフェースを求めるフロントエンドおよびフルスタック開発者。

ハイライト

• ストリーミング AI 応答：思考/推論機能を備えたリアルタイムのメッセージストリーミングをサポート。
• マルチモデルサポート：統一 API ゲートウェイを介してさまざまなモデルにアクセス。
• 高度なプロンプト：WebSocket を介した組み込みの Web 検索とディクテーション。
• リッチな UI：マークダウンレンダリング、コードハイライト、チャートや天気のためのツール呼び出しを備えています。
• 完全なアプリケーションスタック：GitHub OAuth 認証と永続的なチャット履歴を統合。