AI 챗봇 Supabase: 오픈 소스 Next.js와 Supabase는 Vercel에 신속하게 배포할 수 있도록 AI 챗봇을 구축했습니다.

일반 소개

AI 챗봇 수파베이스는 Next.js와 수파베이스를 기반으로 구축된 오픈 소스 AI 챗봇 템플릿입니다. Vercel에서 개발한 이 프로젝트는 완전한 기능을 갖춘 사용자 지정 가능한 챗봇 솔루션을 제공하는 것을 목표로 합니다. 슈퍼베이스 데이터베이스를 통합함으로써 사용자는 채팅 로그와 사용자 데이터를 효율적으로 저장하고 관리할 수 있습니다. 이 템플릿은 다양한 AI 모델 제공업체를 지원하며 다양한 애플리케이션 시나리오에 대한 실시간 응답 기능을 갖추고 있습니다.

기능 목록

• 모델 제공자 통합OpenAI, Anthropic, Cohere 및 기타 여러 모델 제공업체를 지원합니다.
• 실시간 응답실시간 AI 응답을 위한 스트리밍 지원 기능이 내장되어 있습니다.
• 데이터베이스 통합슈퍼베이스 포스트그레스 데이터베이스를 사용하여 채팅 로그와 사용자 데이터를 저장합니다.
• 문서 관리Supabase 파일 스토리지로 파일을 효율적으로 관리하고 업로드하세요.
• 사용자 인증여러 인증 공급자 및 회선 수준 보안을 지원합니다.
• 사용자 정의 테마유연한 테마와 다크 모드를 지원하는 테일윈드 CSS 및 기수 UI 컴포넌트 지원.
• 지역 개발자세한 로컬 개발 및 배포 가이드라인을 제공합니다.

도움말 사용

설치 및 설정

1. 필요한 도구 설치::
   • Node.js 18+
   • pnpm (경유npm install -g pnpm(설치)
   • Git
   • 코드 편집기(VS 코드 권장)
2. Supabase 프로젝트 설정::
   • Supabase CLI를 설치합니다:
     • Mac:brew install supabase/tap/supabase
     • Windows(PowerShell):scoop bucket add supabase https://github.com/supabase/scoop-bucket.git && scoop install supabase
     • Linux:brew install supabase/tap/supabase
     • NPM/Bun:npx supabase <command>
   • Supabase 프로젝트를 만듭니다:

    npx supabase projects create -i "ai-chatbot-supabase"
   

   • Supabase 구성을 초기화합니다:

    npx supabase init
   npx supabase link --project-ref your-project-id
   

3. 환경 변수 구성::
   • 설정.env.local파일에 다음 변수를 추가합니다:

    NEXT_PUBLIC_SUPABASE_URL=<api-url>
   NEXT_PUBLIC_SUPABASE_ANON_KEY=<anon-key>
   

4. 데이터베이스 아키텍처 초기화하기::

   supabase db push
supabase db reset --dry-run

지역 개발

1. 프로젝트 복제 및 설치::

   git clone https://github.com/nolly-studio/ai-chatbot-supabase.git
cd ai-chatbot-supabase
pnpm install

2. 개발 서버 시작::

   pnpm dev

애플리케이션은http://localhost:3000.

Vercel에 배포

1. 버셀 프로젝트 구성::
   • Vercel 대시보드에서 "새 프로젝트"를 클릭합니다.
   • 복제된 리포지토리를 가져오고 프레임워크로 "Next.js"를 선택합니다.
   • 환경 변수 설정하기:

    NEXT_PUBLIC_SUPABASE_URL=<api-url>
   NEXT_PUBLIC_SUPABASE_ANON_KEY=<anon-key>
   OPENAI_API_KEY=<your-openai-api-key>
   

2. 빌드 설정 구성::
   • 빌드 명령:pnpm build
   • 출력 디렉터리:.next
   • 설치 명령:pnpm install
3. 배포::
   • "배포"를 클릭하면 Vercel이 자동으로 애플리케이션을 빌드하고 배포합니다.

일반적인 문제

• 슈퍼베이스 연결 문제::
  • 환경 변수가 올바르게 설정되었는지 확인합니다.
  • Supabase 대시보드에서 데이터베이스 상태를 확인합니다.
• 빌드 오류::
  • 정리.next폴더:rm -rf .next
  • 종속성을 다시 설치합니다:pnpm clean-install