Add Comments to Your Next.js App

Για να δείτε κάθε component και ροή να τρέχει τοπικά ενάντια στον δημόσιο tenant demo, κλωνοποιήστε το repo και τρέξτε:

cd example
npm install
npm run dev

Κάθε component έχει τη δική του διαδρομή κάτω από example/app/ την οποία μπορείτε να αντιγράψετε απευθείας στην δική σας εφαρμογή Next.js.

npm install fastcomments-nextjs

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

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

Αντικαταστήστε το "demo" με το tenant ID του FastComments σας. Το συστατικό δηλώνει ήδη 'use client', οπότε μπορείτε να το αποδώσετε από ένα συστατικό διακομιστή.

Όλα τα συστατικά εξάγονται από τη ρίζα του πακέτου:

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

Εάν έχετε εγκαταστήσει το FastComments μέσω της ενσωμάτωσης στο Vercel Marketplace, το tenant ID σας είναι διαθέσιμο ως μεταβλητή περιβάλλοντος FASTCOMMENTS_TENANT_ID. Για να το διαβάσετε στον client, εκθέστε το μέσω του next.config.js ή προσθέστε το πρόθεμα NEXT_PUBLIC_:

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

Στον φάκελο example/ περιλαμβάνεται ένα λειτουργικό παράδειγμα:

cd example && npm install && npm run dev

• Τεκμηρίωση FastComments
• Προσαρμογή & Διαμόρφωση
• Τεκμηρίωση Next.js

Αυτά τα components είναι περιτυλίγματα γύρω από τα βασικά components μας του VanillaJS. Μπορούμε να ενημερώνουμε αυτόματα αυτά τα components (διόρθωση σφαλμάτων, προσθήκη χαρακτηριστικών) χωρίς να δημοσιεύουμε αυτή τη βιβλιοθήκη, οπότε το ότι μπορεί να μην είναι δημοσιευμένη για κάποιο διάστημα δεν σημαίνει ότι το FastComments δεν βρίσκεται σε ενεργή ανάπτυξη! Μη διστάσετε να δείτε το ιστολόγιό μας για ενημερώσεις. Αλλαγές στο API που σπάνε τη συμβατότητα ή νέες λειτουργίες δεν θα μεταφερθούν στην υποκείμενη βασική βιβλιοθήκη χωρίς αύξηση έκδοσης σε αυτή τη βιβλιοθήκη.