shadcn/ui Chatbot-Template: Minimaler AI-Chat mit Vercel AI Gateway

Repositoryshadcn-ui/chatbot-templateTool

Das offizielle Chatbot-Template von shadcn/ui bietet eine schlanke Referenzimplementierung für moderne KI-Chat-Oberflächen. Es basiert auf Next.js, dem Vercel AI SDK sowie UI-Komponenten aus dem shadcn-Ökosystem und bindet Modelle über das Vercel AI Gateway an.

Das Wichtigste

  1. Technologie-Stack: Next.js, Vercel AI SDK, shadcn/ui, shadcn/react (Message Scroller) und shadcn/typeset für typografisches Markdown-Rendering.
  2. Infrastruktur: Anbindung über Vercel AI Gateway mit automatischer OIDC-Authentifizierung bei Vercel-Deployments.
  3. Funktionen: Streaming-Antworten, Tool Calling, integrierte Websuche über Provider-Tools und Human-in-the-Loop-Rückfragen via Questionnaire-Komponente.
  4. Sicherheitshinweis: Die Route /api/chat ist im Ausgangszustand unauthentifiziert; für den Produktiveinsatz werden Rate Limiting und Ausgabenlimits empfohlen.

Warum das relevant ist

Entwickler erhalten eine standardisierte, saubere Ausgangsbasis für Chat-UIs im React- und Next.js-Ökosystem. Sie demonstriert aktuelle Best Practices für Streaming, strukturierte Interaktionen und nahtlose Modell-Gateways ohne proprietären Boilerplate-Code.

Einordnung

Das Repository löst das typische Problem redundanter Boilerplates für KI-Chat-Frontends. Statt auf schwere Chat-Frameworks zurückzugreifen, kombiniert das Template modulare Standardbausteine (shadcn/ui, Vercel AI SDK) mit nützlichen UX-Mustern wie interaktiven Klärungsfragen ('Human-in-the-Loop'). Es richtet sich primär an Web- und Frontend-Entwickler, die maßgeschneiderte KI-Assistenten aufbauen wollen. Hinsichtlich der Reife handelt es sich um ein bewusst minimalistisches Starter-Kit (MIT-Lizenz): Es bildet Kernfunktionen und Edge-Cases der UI solide ab, überlässt aber Authentifizierung, Ratelimit-Schutz und Sicherheits-Härtung ausdrücklich den Entwickelnden vor einem Produktiveinsatz.

Gefunden in

Zusammenfassung von KI erstellt (Gemini 3.8 Flash, 27. September 2026). Sie kann Fehler enthalten – maßgeblich ist die Originalquelle.

Inhaltlich ähnlich, ermittelt über die KI-Suche.

  • Repository:ln-dev7/circle

    Circle: Linear-inspirierte Benutzeroberfläche für Projektmanagement

    Circle ist ein Open-Source-Interface für das Projektmanagement, das sich am Design von Linear orientiert. Die Webanwendung basiert auf Next.js, shadcn/ui sowie Tailwind CSS und dient zur Verwaltung von Issues, Projekten und Teams.

    4543SterneTypeScript

    Webentwicklung· Tool

  • Repository:TheOrcDev/shadscan

    shadscan: Deterministische UI-Audits für shadcn-Anwendungen

    shadscan ist ein quelloffenes CLI-Werkzeug und statischer Analysator für React-Anwendungen, die shadcn/ui nutzen. Es prüft UI-Grundlagen anhand von 62 Regeln im Terminal, in CI-Pipelines und für KI-Agenten.

    538SterneTypeScript

    Webentwicklung· Tool

  • X-Post:LN

    Circle: Open-Source-Template für Projektmanagement-UIs im Linear-Stil

    Der Entwickler LN (@ln_dev7) hat Circle vorgestellt, ein Open-Source-Template für Projektmanagement-Oberflächen, das optisch an das Tool Linear angelehnt ist. Das Template basiert auf Next.js, TypeScript, Tailwind CSS und shadcn/ui.

    577Lesezeichen26.549Aufrufe

    Webentwicklung· Tool

  • Repository:shadcn-labs/pdfcn

    pdfcn: React-Komponenten für PDF-Erstellung im shadcn-Stil

    pdfcn ist eine quelloffene Komponentenbibliothek zur Erstellung von PDFs mit React. Sie basiert auf Takumi sowie Forme und übernimmt das Copy-Paste-Prinzip und CLI-Workflow-Modell von shadcn/ui.

    1045SterneTypeScript

    Webentwicklung· Tool

  • Link:vercel.com

    Vercels AI Cloud: Infrastruktur und AI SDK für KI-Webanwendungen

    Vercel stellt seine spezialisierte Plattform-Infrastruktur für KI-Workloads vor. Das Angebot bündelt Komponenten wie ein AI Gateway zur Modellverwaltung, Fluid Compute, isolierte Sandboxes sowie das quelloffene AI SDK für JavaScript und TypeScript.

    KI & AI· Tool

Lassen Sie uns über Ihr Projekt sprechen

Standorte

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Wien
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Dieser Inhalt wurde teilweise mithilfe von KI erstellt.