gemini chatbot

Next.js Gemini Chatbot

Eine Open-Source-AI-Chatbot-Vorlage, die mit Next.js und der AI SDK von Vercel erstellt wurde.

Merkmale · Modellanbieter · Bereitstellung Ihres eigenen · lokal ausführen

Merkmale

• Next.js App Router
  • Fortgeschrittenes Routing für nahtlose Navigation und Leistung
  • React Server-Komponenten (RSCs) und Serveraktionen für die serverseitige Renderung und die erhöhte Leistung
• Ai sdk
  • Einheitliche API zum Generieren von Text, strukturierten Objekten und Toolaufrufen mit LLMs
  • Haken zum Erstellen von dynamischen Chat und generativen Benutzeroberflächen
  • Unterstützt Google (Standard), OpenAI, Anthropic, Cohere und andere Modellanbieter
• Shadcn/Ui
  • Styling mit Rückenwind -CSS
  • Komponentenprimitive von Radix UI für Zugänglichkeit und Flexibilität
• Datendauer
  • Vercel Postgres von Neon zum Speichern von Chat -Historien und Benutzerdaten
  • Vercel Blob für einen effizienten Objektspeicher
• NextAuth.js
  • Einfache und sichere Authentifizierung

Modellanbieter

Diese Vorlage wird mit Google Gemini gemini-1.5-pro Modellen als Standardmodelle versendet. Mit dem AI SDK können Sie jedoch die LLM -Anbieter auf Openai, Anthropic, Cohere und viele mehr mit nur wenigen Codezeilen umstellen.

Bereitstellen Sie Ihre eigenen ein

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

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 es enthält Geheimnisse, mit denen andere den Zugriff auf Ihre verschiedenen Google Cloud- und Authentifizierungsanbieterkonten steuern 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

pnpm install
pnpm dev

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