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.

npx conciv@latest init

init detects Next.js from your package.json, installs @conciv/it with your package manager, wraps your next config with withConciv, and creates instrumentation.ts and instrumentation-client.ts. If it cannot prove the shape of your config, it prints the exact snippet to paste instead.

init prints the whole plan and asks once before it writes anything; --yes approves it up front and --dry-run prints it and exits. It refuses a dirty git tree; commit first or pass --force.

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