Use Flytrap with Next.js

npm install useflytrap

yarn add useflytrap

pnpm install useflytrap

const { FlytrapTransformPlugin } = require('useflytrap/transform')

/** @type {import("next").NextConfig} */
const config = {
  reactStrictMode: true,

  webpack(config) {
    config.plugins = config.plugins ?? []
    // only add in production
    if (process.env.NODE_ENV === 'production') {
      config.plugins.push(FlytrapTransformPlugin.webpack())
    }
    return config
  },
}
module.exports = config

import { defineFlytrapConfig } from 'useflytrap'

export default defineFlytrapConfig({
	projectId: 'your-project-id',
	captureId: 'capture id for replaying',
	publicApiKey: 'your public api key',
	secretApiKey: 'your secret api key',
	privateKey: 'your private key',
	mode: 'capture'
})

import { defineFlytrapConfig } from 'useflytrap'

export default defineFlytrapConfig({
  // ... the rest of your config
  packageIgnores: ['next/font'] // 👈 ignores transformation of next/font package
})