Next.js Integration

# Install the TigerOps Next.js SDK
npm install @tigerops/next

# .env.local
TIGEROPS_API_KEY=your-api-key
TIGEROPS_SERVICE_NAME=my-nextjs-app
TIGEROPS_ENVIRONMENT=production

# instrumentation.ts (project root)
export async function register() {
  if (process.env.NEXT_RUNTIME === 'nodejs') {
    const { init } = await import('@tigerops/next/server')
    init({
      serviceName: process.env.TIGEROPS_SERVICE_NAME,
      // Optional: trace only a sample of requests
      sampleRate: process.env.NODE_ENV === 'production' ? 0.1 : 1.0,
    })
  }

  if (process.env.NEXT_RUNTIME === 'edge') {
    const { init } = await import('@tigerops/next/edge')
    init()
  }
}

# next.config.js
/** @type {import('next').NextConfig} */
const nextConfig = {
  // Required for Next.js < 14.0 only
  experimental: {
    instrumentationHook: true,
  },
}
module.exports = nextConfig

# app/layout.tsx — Core Web Vitals reporting
'use client'
import { useReportWebVitals } from '@tigerops/next/client'

export function Providers({ children }: { children: React.ReactNode }) {
  // Reports LCP, CLS, INP, FID, TTFB to TigerOps
  useReportWebVitals()
  return <>{children}</>
}

# app/api/orders/route.ts — automatically traced
import { NextRequest } from 'next/server'

export async function GET(request: NextRequest) {
  // This handler is auto-instrumented — no changes needed
  const orders = await db.order.findMany({ take: 20 })
  return Response.json(orders)
}