conciv
Quick start

Next.js

Add conciv to a Next.js app.

Next.js needs three small wires: the config wrapper, the server register hook, and the client widget.

Install

pnpm add -D @conciv/it
npm install -D @conciv/it
yarn add -D @conciv/it

Wrap your config

next.config.ts
import type {NextConfig} from 'next'
import {withConciv} from '@conciv/it/plugin/nextjs'

const nextConfig: NextConfig = {}

export default withConciv(nextConfig)

Add the instrumentation files

instrumentation.ts
export {register} from '@conciv/it/plugin/nextjs'
instrumentation-client.ts
import '@conciv/it/plugin/nextjs/widget'

Run and open

next dev

Open the app and click the conciv button.

These three files sit at your project root next to next.config.ts:

next.config.ts
instrumentation.ts
instrumentation-client.ts

Next: Usage to see what the agent can do.

On this page