Add Comments to Your Next.js App

Pour voir chaque composant et flux s'exécuter localement contre le tenant public demo, clonez le dépôt et exécutez :

cd example
npm install
npm run dev

Chaque composant a sa propre route sous example/app/ que vous pouvez copier directement dans votre propre application Next.js.

npm install fastcomments-nextjs

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

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

Remplacez "demo" par l'ID de locataire FastComments. Le composant déclare déjà 'use client', vous pouvez donc le rendre depuis un composant serveur.

Tous les composants sont exportés depuis la racine du package:

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

Si vous avez installé FastComments via l'intégration du Vercel Marketplace, votre ID de locataire est disponible en tant que variable d'environnement FASTCOMMENTS_TENANT_ID. Pour la lire côté client, exposez-la via next.config.js ou préfixez-la par NEXT_PUBLIC_:

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

Une démo fonctionnelle est incluse dans le répertoire example/:

cd example && npm install && npm run dev

• Documentation de FastComments
• Personnalisation et configuration
• Documentation de Next.js

Ces composants sont des wrappers autour de nos composants VanillaJS de base. Nous pouvons mettre à jour automatiquement ces composants (corriger des bugs, ajouter des fonctionnalités) sans publier cette bibliothèque, donc même s'il se peut qu'elle ne soit pas publiée pendant un certain temps, cela ne signifie pas que FastComments n'est pas en cours de développement actif ! N'hésitez pas à consulter notre blog pour les mises à jour. Les changements d'API incompatibles ou les nouvelles fonctionnalités ne seront jamais intégrés à la bibliothèque noyau sous-jacente sans une augmentation de version dans cette bibliothèque.