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을 통한 내장 웹 검색 및 받아쓰기를 포함합니다.
• 풍부한 UI: 마크다운 렌더링, 코드 하이라이트, 차트 및 날씨를 위한 도구 호출을 갖추고 있습니다.
• 완전한 애플리케이션 스택: GitHub OAuth 인증 및 영구적인 채팅 기록을 통합합니다.