sveltekit ai chatbot

Sveltekit ai Chatbot

Eine Open-Source-AI-Chatbot-App-App-Vorlage, die mit Seltekit, dem Vercel AI SDK, Openai und Vercel KV erstellt wurde.

Funktionen · Modellanbieter · Bereitstellung Ihrer eigenen · lokal ausführen · Autoren

Dies ist ein inoffizieller Sveltekit-Port von Vercel-Labs/Ai-Chatbot.

Unterstützungsentwicklung

Wenn Sie diese Vorlage nützlich finden, sollten Sie mich durch Github-Sponsoring oder Ko-Fi unterstützen, um bei der Entwicklung zu helfen.

Merkmale

• Sveltekit
• Vercel ai sdk für die Streaming -Chat -Benutzeroberfläche
• Unterstützung für OpenAI (Standard), anthropisch, umarmendes Face oder benutzerdefinierte AI -Chat -Modelle und/oder Langchain
• Kantenruntzeitbereit
• Shadcn/Ui und Shadcn-Sufle
  • Styling mit Rückenwind -CSS
  • Radix Svelte und Svelte Headless UI für Headless -Komponenten -Primitive
  • Ikonen aus Phosphorikonen
• Chat -Verlauf, Ratenbeschränkung und Sitzungspeicher mit Vercel KV (? Im Bau)
• Auth.js zur Authentifizierung

Modellanbieter

Diese Vorlage wird mit OpenAI gpt-3.5-turbo als Standardeinstellung geliefert. Dank der Vercel AI SDK können Sie jedoch die LLM -Anbieter auf anthropisch, umarmt oder Langchain mit nur wenigen Codezeilen verwenden.

Bereitstellen Sie Ihre eigenen ein

Sie können Ihre eigene Version des nächsten.js -AI -Chatbots mit einem Klick auf Vercel bereitstellen:

Erstellen einer KV -Datenbankinstanz

Befolgen Sie die in der von Vercel bereitgestellten Schnellstarthandbuch beschriebenen Schritte. Mit diesem Handbuch können Sie Ihre KV -Datenbankinstanz auf Vercel erstellen und konfigurieren, sodass Ihre Anwendung mit ihr interagieren kann.

Denken Sie daran, Ihre Umgebungsvariablen ( KV_URL , KV_REST_API_URL , KV_REST_API_TOKEN , KV_REST_API_READ_ONLY_TOKEN ) in der .env -Datei mit den entsprechenden Anmeldeinformationen während der KV -Datenbank -Setup zu aktualisieren.

Vor Ort laufen

Sie müssen die in .env.example definierten Umgebungsvariablen verwenden, um next.js ai chatbot auszuführen. Es wird empfohlen, dass Sie dafür die Umgebungsvariablen von Vercel verwenden, aber eine .env -Datei ist alles, was erforderlich ist.

Hinweis: Sie sollten Ihre .env -Datei nicht begehen, oder sie enthält Geheimnisse, mit denen andere den Zugriff auf Ihre verschiedenen OpenAI- und Authentifizierungsanbieterkonten kontrollieren können.

1. Installieren Sie Vercel CLI: npm i -g vercel
2. Link lokale Instanz mit Vercel und GitHub -Konten (erstellt .vercel -Verzeichnis): vercel link
3. Laden Sie Ihre Umgebungsvariablen herunter: vercel env pull

npm install

npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open

Ihre App -Vorlage sollte jetzt auf Localhost: 5173 ausgeführt werden.

Autoren

Diese Vorlage basiert stark auf der nächsten.js -Version mit Beiträgen von:

• Jian Yuan Lee (@jyuan)