अपने Next.js ऐप में टिप्पणियाँ जोड़ें

अपने कोडिंग एजेंट को FastComments का वह संदर्भ दें जिसकी उसे आवश्यकता है - विजेट्स, कॉन्फ़िगरेशन, Secure SSO, REST API, और SDKs:

npx skills add fastcomments/skills

यह Claude Code, Codex, Cursor, Copilot, Gemini, और skills CLI द्वारा समर्थित हर अन्य एजेंट के साथ काम करता है।

सार्वजनिक demo टेनेंट के विरुद्ध हर कंपोनेंट और फ्लो को लोकल रूप से चलाते हुए देखने के लिए, रिपॉज़िटरी को क्लोन करें और चलाएँ:

cd example
npm install
npm run dev

प्रत्येक कंपोनेंट की example/app/ के अंतर्गत अपनी अलग रूट होती है, जिसे आप सीधे अपने Next.js ऐप में कॉपी कर सकते हैं।

npm install fastcomments-nextjs

• Next.js 13, 14, 15, या 16
• React 18 या 19

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

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

"demo" को अपनी FastComments tenant ID से बदलें। कंपोनेंट में 'use client' पहले से डिक्लेयर है, इसलिए आप इसे सर्वर कंपोनेंट से भी रेंडर कर सकते हैं।

सभी घटक पैकेज रूट से एक्सपोर्ट किए जाते हैं:

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

यदि आपने FastComments को Vercel Marketplace इंटीग्रेशन के माध्यम से इंस्टॉल किया है, तो आपकी tenant ID FASTCOMMENTS_TENANT_ID environment variable के रूप में उपलब्ध है। इसे क्लाइंट पर पढ़ने के लिए, इसे next.config.js के माध्यम से expose करें या इसके आगे 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 बदलाव या फीचर्स कभी भी इस लाइब्रेरी में वर्जन बंप किए बिना अंतर्निहित कोर लाइब्रेरी में शिप नहीं किए जाएंगे।