Add Comments to Your Next.js App

Pour voir chaque composant et flux s'exécuter localement contre le locataire 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 votre 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 paquet:

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

Si vous avez installé FastComments via l'intégration du Marketplace Vercel, l'identifiant de votre locataire est disponible dans la variable d'environnement FASTCOMMENTS_TENANT_ID. Pour le lire côté client, exposez-le via next.config.js ou préfixez-le 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 & Configuration
• Documentation de Next.js

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