Chat SDK

Chat SDK는 Next.js와 AI SDK로 구축된 무료 오픈소스 템플릿으로, 강력한 챗봇 애플리케이션을 빠르게 구축할 수 있도록 도와줍니다.

문서 보기 · 기능 · 모델 제공업체 · 직접 배포하기 · 로컬에서 실행하기

기능

• Next.js App Router
  • 원활한 탐색과 성능을 위한 고급 라우팅
  • 서버 사이드 렌더링과 성능 향상을 위한 React Server Components(RSC) 및 Server Actions
• AI SDK
  • LLM으로 텍스트, 구조화된 객체, 도구 호출을 생성하기 위한 통합 API
  • 동적 채팅 및 생성형 사용자 인터페이스 구축을 위한 훅
  • xAI(기본), OpenAI, Fireworks 및 기타 모델 제공업체 지원
• shadcn/ui
  • Tailwind CSS를 사용한 스타일링
  • 접근성과 유연성을 위한 Radix UI의 컴포넌트 프리미티브
• 데이터 영속성
  • 채팅 기록 및 사용자 데이터 저장을 위한 Neon 기반 Vercel Postgres
  • 효율적인 파일 저장을 위한 Vercel Blob
• NextAuth.js
  • 간단하고 안전한 인증

모델 제공업체

이 템플릿은 기본 채팅 모델로 xAI grok-2-1212를 제공합니다. 그러나 AI SDK를 사용하면 몇 줄의 코드만으로 LLM 제공업체를 OpenAI, Anthropic, Cohere 및 더 많은 제공업체로 전환할 수 있습니다.

직접 배포하기

Next.js AI 챗봇의 자체 버전을 한 번의 클릭으로 Vercel에 배포할 수 있습니다:

로컬에서 실행하기

Next.js AI 챗봇을 실행하려면 .env.example에 정의된 환경 변수를 사용해야 합니다. Vercel 환경 변수를 사용하는 것이 좋지만, .env 파일만으로도 충분합니다.

참고: .env 파일을 커밋하면 안 됩니다. 그렇지 않으면 다양한 AI 및 인증 제공업체 계정에 대한 접근 권한을 다른 사람이 제어할 수 있는 비밀이 노출됩니다.

1. Vercel CLI 설치: npm i -g vercel
2. 로컬 인스턴스를 Vercel 및 GitHub 계정과 연결(.vercel 디렉터리 생성): vercel link
3. 환경 변수 다운로드: vercel env pull

pnpm install
pnpm dev

이제 앱 템플릿이 localhost:3000에서 실행 중이어야 합니다.