Start using Cossistant with Next.js.

Create project

First install @cossistant/next into your next project.

pnpm add @cossistant/next

Usage

Cossistant manages all the boring stuff for you:

  • Real-time conversations
  • Visitor tracking
  • Events
  • Bugs

To do that properly, you need to add Cossistant provider in your root layout.tsx

tsapp/layout.tsx
import { SupportProvider } from "@cossistant/next";
 
export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html>
      <body>
        <SupportProvider>{children}</SupportProvider>
      </body>
    </html>
  );
}