Add Comments to Your Next.js App

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

cd example
npm install
npm run dev

Κάθε συστατικό έχει τη δική του διαδρομή κάτω από το 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 σας. Το component δηλώνει ήδη 'use client', οπότε μπορείτε να το αποδώσετε από ένα server component.

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

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

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

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

Ένα λειτουργικό demo περιλαμβάνεται στον φάκελο example/:

cd example && npm install && npm run dev

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

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