Add Comments to Your Next.js App

כדי לראות כל רכיב וזרימה פועלים מקומית מול ה-demo tenant הציבורי, שכפל את המאגר והרץ:

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 שלך. הקומפוננטה כבר מצהירה 'use client', לכן תוכל להציג אותה מתוך קומפוננטת שרת.

כל הרכיבים מיוצאים משורש החבילה:

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

אם התקנת את FastComments באמצעות האינטגרציה של Vercel Marketplace, מזהה ה-tenant שלך זמין כמשתנה סביבה FASTCOMMENTS_TENANT_ID. כדי לקרוא אותו בצד הלקוח, חשוף אותו באמצעות 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

הרכיבים האלה הם עטיפות סביב רכיבי ה-VanillaJS הליבתיים שלנו. אנחנו יכולים לעדכן אוטומטית את הרכיבים האלה (לתקן באגים, להוסיף תכונות) מבלי לפרסם את הספרייה הזו, כך שייתכן שהיא לא תפורסם זמן מה — אבל זה לא אומר ש-FastComments אינה בפיתוח פעיל! אתם מוזמנים לבדוק את הבלוג שלנו כדי להתעדכן. שינויים מהותיים ב-API או תכונות שישברו תאימות לאחור לעולם לא יישלחו לספריית הליבה התחתונה ללא העלאת גרסה בספרייה זו.