
Мова 🇺🇦 Українська
Документація
Початок роботи
Використання
Додайте коментарі до вашого додатку Next.js
Це офіційна бібліотека Next.js для FastComments.
Вбудовуйте віджети для живих коментарів, чату та оглядів у ваш додаток Next.js.
Репозиторій
AI агенти кодування 
Надайте вашому кодовому агенту контекст FastComments, який йому потрібен — віджети, конфігурація, Secure SSO, REST API та SDK:
npx skills add fastcomments/skills
Працює з Claude Code, Codex, Cursor, Copilot, Gemini та будь‑яким іншим агентом, який підтримує skills CLI.
Живий демонстраційний приклад 
Спробуйте кожен віджет у реальному часі за https://fastcomments.com/commenting-system-for-nextjs/.
Живий показ 
Щоб побачити всі компоненти та потоки, що працюють локально проти публічного орендаря demo, склонуйте репозиторій і виконайте:
cd example
npm install
npm run dev
Кожен компонент має свій маршрут у example/app/, який ви можете скопіювати безпосередньо у власний додаток Next.js.
Швидкий старт 
// app/page.tsx
import { FastComments } from 'fastcomments-nextjs';
export default function Page() {
return <FastComments tenantId="demo" />;
}
Замініть "demo" на свій FastComments tenant ID. Компонент вже оголошує 'use client', тому ви можете рендерити його з серверного компонента.
Компоненти 
| Компонент | Опис |
|---|---|
FastComments | Віджет коментарів з можливістю відповідей, голосуванням та іншими функціями |
FastCommentsCommentCount | Відображає кількість коментарів на сторінці |
FastCommentsImageChat | Коментарі з анотацією зображень |
FastCommentsLiveChat | Віджет чату в реальному часі |
FastCommentsCollabChat | Спільне вбудоване коментування |
FastCommentsReviewsSummary | Підсумок відгуків зі зірковим рейтингом |
FastCommentsUserActivityFeed | Стрічка активності користувача |
Усі компоненти експортуються з кореня пакета:
import {
FastComments,
FastCommentsLiveChat,
FastCommentsReviewsSummary,
} from 'fastcomments-nextjs';
Розгортання Vercel 
Якщо ви встановили 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
Статус обслуговування 
Ці компоненти — це обгортки навколо наших основних компонентів VanillaJS. Ми можемо автоматично оновлювати ці компоненти (виправляти помилки, додавати можливості) без публікації цієї бібліотеки, тому хоча вона може деякий час не публікуватися, це не означає, що FastComments не перебуває в активній розробці! Не соромтеся переглядати наш блог для отримання оновлень. Несумісні зміни API або нові функції ніколи не будуть випущені для базової бібліотеки без підвищення версії цієї бібліотеки.
Потрібна допомога?
Якщо ви зіткнулися з будь-якими проблемами або маєте питання щодо бібліотеки Next.js, будь ласка:
Внески
Внески вітаються! Будь ласка, відвідайте репозиторій на GitHub для інструкцій щодо внесків.