Dodajte komentare u vašu Next.js aplikaciju

Da biste vidjeli sve komponente i tokove koji rade lokalno protiv javnog demo tenanta, klonirajte repozitorij i pokrenite:

cd example
npm install
npm run dev

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

npm install fastcomments-nextjs

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

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

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

Zamijenite "demo" sa svojim FastComments tenant ID-jem. Komponenta već deklarira 'use client', pa je možete renderirati iz serverske komponente.

Sve komponente se izvoze iz korijena paketa:

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

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

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

Radni demo je uključen u direktorij example/:

cd example && npm install && npm run dev

• Dokumentacija FastComments
• Prilagodba i konfiguracija
• Dokumentacija Next.js

Ove komponente su omotači oko naših temeljnih VanillaJS komponenti. Možemo automatski ažurirati ove komponente (ispraviti greške, dodati značajke) bez objavljivanja ove biblioteke, pa iako možda neće biti objavljena neko vrijeme, to ne znači da FastComments nije u aktivnom razvoju! Slobodno provjerite naš blog za ažuriranja. Prekidajuće promjene API-ja ili značajke nikada neće biti isporučene u temeljnu biblioteku bez povećanja verzije ove biblioteke.