Dodajte komentarje v svojo Next.js aplikacijo

Če želite videti vse komponente in poteke, ki se izvajajo lokalno proti javnemu najemniku demo, klonirajte repozitorij in zaženite:

cd example
npm install
npm run dev

Vsaka komponenta ima svojo pot pod example/app/, ki jo lahko neposredno kopirate v svojo Next.js aplikacijo.

npm install fastcomments-nextjs

• Next.js 13, 14, 15 ali 16
• React 18 ali 19

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

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

Zamenjajte "demo" z ID-jem vašega FastComments najemnika. Komponenta že deklarira 'use client', zato jo lahko upodabljate iz strežniške komponente.

Vse komponente so izvožene iz korena paketa:

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

Če ste namestili FastComments preko integracije Vercel Marketplace, je vaš ID najemnika na voljo kot okoljska spremenljivka FASTCOMMENTS_TENANT_ID. Če ga želite prebrati na odjemalcu, ga izpostavite v next.config.js ali mu dodajte predpono NEXT_PUBLIC_:

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

V imeniku example/ je priložen delujoč demo:

cd example && npm install && npm run dev

• Dokumentacija FastComments
• Prilagajanje & konfiguracija
• Dokumentacija Next.js

Te komponente so ovojniki okoli naših osnovnih VanillaJS komponent. Te komponente lahko samodejno posodobimo (odpravimo napake, dodamo funkcionalnosti) brez objave te knjižnice, zato čeprav morda dlje časa ne bo objavljena, to ne pomeni, da FastComments ni v aktivnem razvoju! Za posodobitve si lahko ogledate naš blog. Prelomne spremembe API-ja ali funkcionalnosti ne bodo nikoli vključene v osnovno jedrno knjižnico brez povečanja različice v tej knjižnici.