Add Comments to Your Next.js App

For at se alle komponenter og flows kørende lokalt mod den offentlige demo-tenant, klon repoet og kør:

cd example
npm install
npm run dev

Hver komponent har sin egen rute under example/app/ som du kan kopiere direkte ind i din egen Next.js-app.

npm install fastcomments-nextjs

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

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

Erstat "demo" med dit FastComments tenant ID. Komponenten erklærer allerede 'use client', så du kan gengive den fra en serverkomponent.

Alle komponenter eksporteres fra pakkens rod:

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

Hvis du har installeret FastComments gennem Vercel Marketplace-integrationen, er dit tenant-id tilgængeligt som miljøvariablen FASTCOMMENTS_TENANT_ID. For at læse det på klienten, eksponer det gennem next.config.js eller giv det præfikset NEXT_PUBLIC_:

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

En fungerende demo er inkluderet i example/-mappen:

cd example && npm install && npm run dev

• FastComments-dokumentation
• Tilpasning & konfiguration
• Next.js-dokumentation

Disse komponenter er wrappers omkring vores kerne-VanillaJS-komponenter. Vi kan automatisk opdatere disse komponenter (rette fejl, tilføje funktioner) uden at udgive dette bibliotek, så selvom det måske ikke udgives i et stykke tid betyder det ikke, at FastComments ikke er under aktiv udvikling! Du er velkommen til at tjekke vores blog for opdateringer. Brydende API-ændringer eller funktioner vil aldrig blive sendt til det underliggende kernebibliotek uden en versionsopdatering i dette bibliotek.