nuxt-ui-templates/chat

何を解決するか

このプロジェクトは、AIチャットボットを構築するための即戦力のアプリケーションテンプレートを提供します。認証、チャット履歴、ファイルアップロードなどの一般的なチャットインターフェース要素を自前で構築する必要がなく、開発者はすぐにAI統合に集中できます。

動作方法

このテンプレートはNuxt UIフレームワークで構築されており、ストリーミングAI応答を処理するためにVercel AI SDKと統合されています。Vercel AI Gatewayを使用して、Claude、Gemini、GPTなどのさまざまなモデルに一元的にアクセスするAPIを提供し、Drizzle ORMを介してSQLiteデータベースを活用してチャット履歴を永続化します。ファイル管理には、ドラッグアンドドロップアップロードに対応するNuxtHub Blobを採用しています。

対象ユーザー

Nuxtエコシステムを使用してプロフェッショナルで機能豊富なAIチャットアプリを迅速にデプロイしたいWeb開発者。

特徴

• ストリーミングAI応答：思考/推論のサポートと複数のモデルプロバイダーに対応。
• GitHub OAuthによる統合認証。
• SQLite/Tursoを活用したチャット履歴の永続化。
• ツール呼び出しのための豊富なUIレンダリング（チャートや天気データを含む）。
• ドラッグアンドドロップ対応のファイルアップロード機能。
• ストリーミングコードハイライト付きのMarkdownレンダリング。