Add Comments to Your Next.js App

Per vedere ogni componente e flusso in esecuzione localmente contro il tenant pubblico demo, clona il repository ed esegui:

cd example
npm install
npm run dev

Ogni componente ha la propria route sotto example/app/ che puoi copiare direttamente nella tua app Next.js.

npm install fastcomments-nextjs

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

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

Sostituisci "demo" con il tuo ID tenant di FastComments. Il componente dichiara già 'use client', quindi puoi renderizzarlo da un componente server.

Tutti i componenti sono esportati dalla radice del pacchetto:

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

Se hai installato FastComments tramite l'integrazione del Marketplace di Vercel, il tuo ID del tenant è disponibile come variabile d'ambiente FASTCOMMENTS_TENANT_ID. Per leggerlo nel client, esponilo tramite next.config.js o anteponi NEXT_PUBLIC_:

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

Una demo funzionante è inclusa nella directory example/:

cd example && npm install && npm run dev

• FastComments Documentazione
• Personalizzazione e Configurazione
• Documentazione Next.js

Questi componenti sono wrapper attorno ai nostri componenti core di VanillaJS. Possiamo aggiornare automaticamente questi componenti (correggere bug, aggiungere funzionalità) senza pubblicare questa libreria, quindi anche se potrebbe non essere pubblicata per un po' ciò non significa che FastComments non sia in sviluppo attivo! Sentiti libero di controllare il nostro blog per aggiornamenti. Modifiche incompatibili all'API o funzionalità non verranno mai inviate alla libreria core sottostante senza un aumento di versione in questa libreria.