AI Chatbot Supabase: código abierto Next.js y Supabase construyeron AI chatbot para un rápido despliegue en Vercel.

Introducción general

AI Chatbot Supabase es una plantilla de chatbot AI de código abierto construida sobre Next.js y Supabase. Desarrollado por Vercel, el proyecto tiene como objetivo proporcionar una solución de chatbot totalmente funcional y personalizable. Mediante la integración de la base de datos Supabase, los usuarios pueden lograr un almacenamiento y una gestión eficaces de los registros de chat y los datos de los usuarios. La plantilla admite diversos proveedores de modelos de IA y tiene capacidad de respuesta en tiempo real para diversos escenarios de aplicación.

Lista de funciones

• Modelo de integración de proveedoresSoporte para OpenAI, Anthropic, Cohere y muchos otros proveedores de modelos.
• respuesta en tiempo real: Soporte de streaming integrado para respuesta de IA en tiempo real.
• Integración de bases de datos: Utiliza la base de datos Supabase Postgres para almacenar los registros del chat y los datos de los usuarios.
• Gestión de documentos: Gestione y cargue archivos de forma eficaz con el almacenamiento de archivos Supabase.
• autenticación de usuarios: Admite varios proveedores de autenticación y seguridad a nivel de línea.
• Temas personalizados: Compatibilidad con los componentes CSS y Radix UI de Tailwind, lo que proporciona temas flexibles y compatibilidad con el modo oscuro.
• desarrollo local: Proporciona directrices detalladas de desarrollo e implantación local.

Utilizar la ayuda

Instalación y configuración

1. Instalación de las herramientas necesarias::
   • Node.js 18+
   • pnpm (a través denpm install -g pnpm(Instalación)
   • Git
   • Editor de código (se recomienda VS Code)
2. Creación de un proyecto Supabase::
   • Instale 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>
   • Crea un proyecto Supabase:

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

   • Inicializar la configuración de Supabase:

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

3. Configuración de variables de entorno::
   • establecer.env.localañada las siguientes variables:

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

4. Inicialización de la arquitectura de la base de datos::

   supabase db push
supabase db reset --dry-run

desarrollo local

1. Clonar e instalar el proyecto::

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

2. Iniciar el servidor de desarrollo::

   pnpm dev

La aplicación se ejecutará en elhttp://localhost:3000.

Despliegue en Vercel

1. Configuración del proyecto Vercel::
   • Haga clic en "Nuevo proyecto" en el panel de control de Vercel.
   • Importa el repositorio clonado y selecciona "Next.js" como framework.
   • Configuración de variables de entorno:

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

2. Configuración de los parámetros de compilación::
   • Comando de construcción:pnpm build
   • Directorio de salida:.next
   • Comandos de instalación:pnpm install
3. despliegues::
   • Haga clic en "Desplegar" y Vercel creará y desplegará automáticamente la aplicación.

problemas comunes

• Problemas de conexión Supabase::
  • Compruebe que las variables de entorno están configuradas correctamente.
  • Compruebe el estado de la base de datos en el panel de Supabase.
• error de construcción::
  • aclarar.nextCarpeta:rm -rf .next
  • Vuelva a instalar las dependencias:pnpm clean-install