Kostenlos starten

React / Next.js

Komponente <TalkmioChat siteKey="…" /> für React, Next.js (App- und Pages-Router), Vite, Remix und Gatsby. SSR-sicher — lädt das Widget einmal im Browser und identifiziert den aktuellen Benutzer.

Download talkmio-react-1.0.0.zip

Installation

  1. Kopieren Sie src/index.js in Ihr Projekt (oder installieren Sie das Paket aus der Zip-Datei mit npm install ./talkmio-react).
  2. Einmal rendern, z. B. in Ihrem Root-Layout: <TalkmioChat siteKey="IHR_SITE_KEY" user={{ name, email }} />
  3. Next.js App Router: Platzieren Sie die Komponente in einer Client-Komponente ('use client'), die in app/layout.js eingebunden ist.

Wo finde ich meinen Site-Key? Melden Sie sich unter app.talkmio.com → Websites an, fügen Sie Ihre Website hinzu und kopieren Sie den 12-stelligen Schlüssel (z. B. 2wkxhgujxwlv). Noch kein Konto? Kostenlos erstellen — keine Kreditkarte erforderlich.