Add Comments to Your Next.js App

Her bileşeni ve akışı, herkese açık demo kiracına karşı yerel olarak çalışırken görmek için repoyu klonlayın ve çalıştırın:

cd example
npm install
npm run dev

Her bileşenin kendi yolu example/app/ altında bulunur; bunları doğrudan kendi Next.js uygulamanıza kopyalayabilirsiniz.

npm install fastcomments-nextjs

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

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

"demo" öğesini FastComments kiracı kimliğinizle değiştirin. Bileşen zaten 'use client' bildirimini içeriyor, bu yüzden onu bir sunucu bileşeninden render edebilirsiniz.

Tüm bileşenler paket kökünden dışa aktarılır:

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

Eğer FastComments'i Vercel Marketplace entegrasyonu aracılığıyla yüklediyseniz, kiracı kimliğiniz FASTCOMMENTS_TENANT_ID ortam değişkeni olarak mevcuttur. İstemci tarafında okumak için, onu next.config.js aracılığıyla açığa çıkarın veya NEXT_PUBLIC_ ile önekleyin:

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

Çalışan bir demo example/ dizininde bulunmaktadır:

cd example && npm install && npm run dev

• FastComments Dokümantasyonu
• Özelleştirme ve Yapılandırma
• Next.js Dokümantasyonu

Bu bileşenler, çekirdek VanillaJS bileşenlerimizin sarmalayıcılarıdır. Bu bileşenleri yayınlamadan otomatik olarak güncelleyebiliriz (hataları düzeltme, özellik ekleme), bu yüzden bir süre yayınlanmamış olması FastComments'ın aktif geliştirme altında olmadığı anlamına gelmez! Güncellemeler için blogumuzu kontrol etmekten çekinmeyin. Kırıcı API değişiklikleri veya özellikler, bu kütüphanede bir sürüm artırımı yapılmadan alttaki çekirdek kütüphaneye asla gönderilmeyecektir.