AI Chatbot Supabase: Open Source Next.js und Supabase haben einen AI Chatbot für den schnellen Einsatz in Vercel entwickelt.

Allgemeine Einführung

AI Chatbot Supabase ist eine quelloffene AI-Chatbot-Vorlage, die auf Next.js und Supabase basiert. Das von Vercel entwickelte Projekt zielt darauf ab, eine voll funktionsfähige und anpassbare Chatbot-Lösung bereitzustellen. Durch die Integration der Supabase-Datenbank können Benutzer eine effiziente Speicherung und Verwaltung von Chat-Protokollen und Benutzerdaten erreichen. Die Vorlage unterstützt eine Vielzahl von KI-Modellanbietern und verfügt über Echtzeit-Antwortfunktionen für eine Vielzahl von Anwendungsszenarien.

Funktionsliste

• Modell der AnbieterintegrationUnterstützung für OpenAI, Anthropic, Cohere und viele andere Modellanbieter.
• Echtzeit-ReaktionIntegrierte Streaming-Unterstützung für KI-Reaktionen in Echtzeit.
• Datenbank-IntegrationSupabase Postgres-Datenbank zum Speichern von Chat-Protokollen und Benutzerdaten verwenden.
• Verwaltung von DokumentenVerwalten und Hochladen von Dateien mit Supabase File Storage.
• BenutzerauthentifizierungUnterstützt mehrere Authentifizierungsanbieter und Sicherheit auf Leitungsebene.
• Benutzerdefinierte ThemenUnterstützung für Tailwind CSS und Radix UI-Komponenten, die flexible Themes und Dark-Mode-Unterstützung bieten.
• lokale EntwicklungDetaillierte lokale Entwicklungs- und Einsatzrichtlinien.

Hilfe verwenden

Installation und Einrichtung

1. Installation der erforderlichen Werkzeuge::
   • Node.js 18+
   • pnpm (übernpm install -g pnpm(Installation)
   • Git
   • Code-Editor (VS Code empfohlen)
2. Einrichten eines Supabase-Projekts::
   • Installieren Sie die 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
   • Erstellen Sie ein Supabase-Projekt:

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

   • Initialisieren Sie die Supabase-Konfiguration:

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

3. Umgebungsvariablen konfigurieren::
   • einrichten..env.localfügen Sie die folgenden Variablen hinzu:

    NEXT_PUBLIC_SUPABASE_URL=
   NEXT_PUBLIC_SUPABASE_ANON_KEY=
   

4. Initialisierung der Datenbankarchitektur::

   supabase db push
supabase db reset --dry-run

lokale Entwicklung

1. Klonen und installieren Sie das Projekt::

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

2. Starten des Entwicklungsservers::

   pnpm-Entwicklung

Die Anwendung läuft auf demhttp://localhost:3000.

Entsendung nach Vercel

1. Konfigurieren des Vercel-Projekts::
   • Klicken Sie im Vercel Dashboard auf "Neues Projekt".
   • Importieren Sie das geklonte Repository und wählen Sie "Next.js" als Framework.
   • Setzen von Umgebungsvariablen:

    NEXT_PUBLIC_SUPABASE_URL=
   NEXT_PUBLIC_SUPABASE_ANON_KEY=
   OPENAI_API_KEY=
   

2. Konfigurieren der Build-Einstellungen::
   • Befehl erstellen:pnpm bauen
   • Ausgabeverzeichnis:.weiter
   • Installationsbefehle:pnpm-Installation
3. Einsätze::
   • Klicken Sie auf "Bereitstellen" und Vercel wird die Anwendung automatisch erstellen und bereitstellen.

allgemeine Probleme

• Supabase-Verbindungsprobleme::
  • Überprüfen Sie, ob die Umgebungsvariablen korrekt gesetzt sind.
  • Überprüfen Sie den Datenbankstatus im Supabase Dashboard.
• Erstellungsfehler::
  • aufräumen.weiterMappe:rm-rf .next
  • Installieren Sie die Abhängigkeiten neu:pnpm clean-install