Додајте коментаре у вашу Next.js апликацију

Да бисте видели све компоненте и токове који раде локално према јавном demo tenant-у, клонирајте репозиторијум и покрените:

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. Да бисте га читали на клијенту, изложите га кроз 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-ју које ремете уназадну компатибилност или нове функције никада неће бити додате у основну библиотеку без повећања верзије ове библиотеке.