Add Comments to Your Next.js App

Da biste videli svaku komponentu i tok koji rade lokalno protiv javnog demo tenanta, klonirajte repo i pokrenite:

cd example
npm install
npm run dev

Svaka komponenta ima svoju rutu pod example/app/ koju možete kopirati direktno u svoju Next.js aplikaciju.

npm install fastcomments-nextjs

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

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

Zamenite "demo" svojim FastComments tenant ID-jem. Komponenta već deklariše 'use client', tako da je možete renderovati iz server komponente.

Sve komponente se izvoze iz korena paketa:

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

Ako ste instalirali FastComments putem Vercel Marketplace integracije, vaš tenant ID je dostupan kao promenljiva okruženja FASTCOMMENTS_TENANT_ID. Da biste je pročitali na klijentu, izložite je putem next.config.js ili joj dodajte prefiks NEXT_PUBLIC_:

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

Radna demonstracija je uključena u direktorijum example/:

cd example && npm install && npm run dev

• FastComments dokumentacija
• Prilagođavanje i konfiguracija
• Next.js dokumentacija

Ove komponente su omotači oko naših osnovnih VanillaJS komponenti. Možemo automatski ažurirati ove komponente (ispraviti greške, dodati funkcije) bez objavljivanja ove biblioteke, tako da iako možda neće biti objavljena neko vreme, to ne znači da FastComments nije u aktivnom razvoju! Slobodno proverite naš blog za ažuriranja. Prelomne promene API-ja ili nove funkcije nikada neće biti isporučene u osnovnu biblioteku bez povećanja verzije u ovoj biblioteci.