vercel-labs/gemini-chatbot

어떤 프로젝트인가요?

핵심 기능

• 01React Server Components와 Server Actions를 사용하는 Next.js App Router
• 02텍스트, 구조화된 객체, 도구 호출을 위한 통합 AI SDK API
• 03Google Gemini를 기본으로 사용하며 OpenAI, Anthropic, Cohere 지원
• 04shadcn/ui, Tailwind CSS, Radix UI 프리미티브로 구성한 UI
• 05채팅 기록은 Vercel Postgres에, 파일은 Vercel Blob에 저장
• 06NextAuth.js를 통한 인증

활용 사례

• Google Gemini 기반의 맞춤형 챗봇 UI 시작하기
• Vercel AI SDK로 스트리밍 채팅 인터페이스를 만드는 방법 학습하기
• 모델을 바꿔 쓸 수 있는 멀티 프로바이더 LLM 채팅 앱 프로토타이핑하기
• 한 번의 클릭으로 챗봇 템플릿을 Vercel에 배포하기

빠른 시작

1. 1

   Vercel CLI 설치

   npm i -g vercel
2. 2

   로컬 환경을 Vercel 및 GitHub 계정에 연결

   vercel link
3. 3

   환경 변수 다운로드

   vercel env pull
4. 4

   종속성을 설치하고 개발 서버 시작

   pnpm install && pnpm dev

사용 전 알아둘 점

• !로컬에서 실행하려면 Vercel 계정이 필요하며 프로젝트를 Vercel 및 GitHub에 연결해야 합니다.
• !기본 Gemini 모델을 사용하려면 Google Generative AI API 키가 필요합니다.
• !영구 저장 및 인증 기능은 Vercel Postgres, Vercel Blob, NextAuth 설정에 따라 달라집니다.

포함된 컬렉션

토픽

자주 묻는 질문

gemini-chatbot은(는) 무엇인가요?

Google Gemini를 기본 모델로 사용하고 다른 LLM 공급자로 전환할 수 있는 Next.js 및 Vercel AI SDK 챗봇 템플릿입니다. Next.js App Router와 Vercel AI SDK로 만든 오픈소스 챗봇 템플릿입니다. 기본 모델로 Google Gemini(gemini-1.5-pro)를 제공하며, AI SDK를 사용하면 몇 줄의 코드만으로 OpenAI, Anthropic, Cohere 등의 공급자로 전환할 수 있습니다.

gemini-chatbot은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

gemini-chatbot은(는) Other 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

gemini-chatbot은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. gemini-chatbot의 마지막 커밋은 2026년 10월 23일입니다.

gemini-chatbot은(는) 어디에 사용할 수 있나요?

Google Gemini 기반의 맞춤형 챗봇 UI 시작하기 Vercel AI SDK로 스트리밍 채팅 인터페이스를 만드는 방법 학습하기 모델을 바꿔 쓸 수 있는 멀티 프로바이더 LLM 채팅 앱 프로토타이핑하기 한 번의 클릭으로 챗봇 템플릿을 Vercel에 배포하기

gemini-chatbot는 어떻게 설치하나요?

Vercel CLI 설치: npm i -g vercel 로컬 환경을 Vercel 및 GitHub 계정에 연결: vercel link 환경 변수 다운로드: vercel env pull 종속성을 설치하고 개발 서버 시작: pnpm install && pnpm dev

gemini-chatbot은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/vercel-labs/gemini-chatbot