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

Да бисте видјели све компоненте и токове који раде локално према јавном 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" />;
}

Zamijenite "demo" sa vašim FastComments tenant ID-om. Komponenta već deklariše 'use client', tako da je možete renderovati iz server komponente.

Све компоненте су експороване из корена пакета:

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!} />

U директорijуму example/ налази се функционалан демо:

cd example && npm install && npm run dev

• Документација за FastComments
• Прилагођавање и конфигурација
• Документација за Next.js

Ове компоненте су омотачи око наших основних VanillaJS компоненти. Можемо аутоматски ажурирати ове компоненте (поправљати грешке, додавати функције) без објављивања ове библиотеке, тако да иако можда неће бити објављена неко вријеме, то не значи да FastComments није у активној развоју! Слободно погледајте наш блог за ажурирања. Разорне промјене API-ја или функције никада неће бити послате у основну библиотеку без повећања верзије у овој библиотеци.