Add Comments to Your Next.js App

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

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" />;
}

Zamijenite "demo" sa vašim FastComments tenant ID-jem. Komponenta već deklarira 'use client', pa je možete renderovati iz server komponente.

Sve komponente se izvoze iz korijena paketa:

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 direktoriju example/ uključen je funkcionalni demo:

cd example && npm install && npm run dev

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

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