Add Comments to Your Next.js App

Um jede Komponente und jeden Ablauf lokal gegen den öffentlichen demo-Tenant auszuführen, klone das Repo und führe aus:

cd example
npm install
npm run dev

Jede Komponente hat ihre eigene Route unter example/app/, die du direkt in deine eigene Next.js-App kopieren kannst.

npm install fastcomments-nextjs

// app/page.tsx
import { FastComments } from 'fastcomments-nextjs';

export default function Page() {
    return <FastComments tenantId="demo" />;
}

Ersetzen Sie "demo" durch Ihre FastComments-Tenant-ID. Die Komponente deklariert bereits 'use client', sodass Sie sie aus einer Serverkomponente rendern können.

Alle Komponenten werden aus dem Paketstamm exportiert:

import {
    FastComments,
    FastCommentsLiveChat,
    FastCommentsReviewsSummary,
} from 'fastcomments-nextjs';

Wenn Sie FastComments über die Vercel Marketplace-Integration installiert haben, ist Ihre Tenant-ID als Umgebungsvariable FASTCOMMENTS_TENANT_ID verfügbar. Um sie im Client auszulesen, machen Sie sie über next.config.js verfügbar oder versehen Sie sie mit dem Präfix NEXT_PUBLIC_:

<FastComments tenantId={process.env.NEXT_PUBLIC_FASTCOMMENTS_TENANT_ID!} />

Eine funktionierende Demo ist im Verzeichnis example/ enthalten:

cd example && npm install && npm run dev

• FastComments Dokumentation
• Anpassung & Konfiguration
• Next.js Dokumentation

Diese Komponenten sind Wrapper um unsere Kern-VanillaJS-Komponenten. Wir können diese Komponenten automatisch aktualisieren (Fehler beheben, Funktionen hinzufügen), ohne diese Bibliothek zu veröffentlichen, sodass sie zwar eine Weile nicht veröffentlicht sein könnte, das aber nicht bedeutet, dass FastComments nicht aktiv weiterentwickelt wird! Besuchen Sie gerne unseren Blog für Neuigkeiten. Breaking-API-Änderungen oder neue Funktionen werden niemals an die zugrunde liegende Core-Bibliothek ausgeliefert, ohne dass in dieser Bibliothek die Versionsnummer erhöht wird.