AI Chatbot Supabase: o Next.js de código aberto e o Supabase criaram um chatbot de IA para rápida implementação na Vercel.

Introdução geral

O AI Chatbot Supabase é um modelo de chatbot de IA de código aberto criado com base no Next.js e no Supabase. Desenvolvido pela Vercel, o projeto tem como objetivo fornecer uma solução de chatbot totalmente funcional e personalizável. Ao integrar o banco de dados Supabase, os usuários podem obter armazenamento e gerenciamento eficientes de registros de bate-papo e dados de usuários. O modelo é compatível com vários provedores de modelos de IA e tem recursos de resposta em tempo real para vários cenários de aplicativos.

Lista de funções

• Integração do provedor modeloSuporte para OpenAI, Anthropic, Cohere e muitos outros provedores de modelos.
• resposta em tempo realSuporte de streaming integrado para resposta de IA em tempo real.
• Integração de banco de dadosUse o banco de dados Supabase Postgres para armazenar os registros de bate-papo e os dados do usuário.
• Gerenciamento de documentosGerencie e carregue arquivos de forma eficiente com o armazenamento de arquivos do Supabase.
• autenticação do usuárioSuporte a vários provedores de autenticação e segurança em nível de linha.
• Temas personalizadosSuporte aos componentes Tailwind CSS e Radix UI, fornecendo temas flexíveis e suporte ao modo escuro.
• desenvolvimento localFornece diretrizes detalhadas de desenvolvimento e implantação local.

Usando a Ajuda

Instalação e configuração

1. Instalação das ferramentas necessárias::
   • Node.js 18+
   • pnpm (vianpm install -g pnpm(Instalação)
   • Git
   • Editor de código (recomenda-se o VS Code)
2. Configuração de um projeto Supabase::
   • Instale o 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>
   • Crie um projeto Supabase:
   复制复制复制复制复制复制复制复制

   复制

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

   • Inicializar a configuração do Supabase:
   复制复制复制复制复制复制复制

   复制

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

3. Configuração de variáveis de ambiente::
   • estabelecer.env.localadicione as seguintes variáveis:
   复制复制复制复制复制复制

   复制

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

4. Inicialização da arquitetura do banco de dados::

   supabase db push
supabase db reset --dry-run

desenvolvimento local

1. Clonar e instalar o projeto::

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

2. Iniciando o servidor de desenvolvimento::

   pnpm dev

O aplicativo será executado nohttp://localhost:3000.

Implantação em Vercel

1. Configuração do projeto Vercel::
   • Clique em "New Project" (Novo projeto) no painel do Vercel.
   • Importe o repositório clonado e selecione "Next.js" como a estrutura.
   • Configuração de variáveis de ambiente:
   复制复制

   复制

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

2. Configuração das definições de compilação::
   • Comando de construção:pnpm build
   • Diretório de saída:.next
   • Comandos de instalação:pnpm install
3. implementações::
   • Clique em "Deploy" (Implantar) e o Vercel criará e implantará automaticamente o aplicativo.

problemas comuns

• Problemas de conexão com o Supabase::
  • Verifique se as variáveis de ambiente estão definidas corretamente.
  • Verifique o status do banco de dados no painel do Supabase.
• erro de construção::
  • esclarecer.nextPasta:rm -rf .next
  • Reinstale as dependências:pnpm clean-install