Axiom

Axiom's Vercel integration enables you to monitor the health and performance of your Vercel deployments by ingesting all your request, function, and web vitals data.

Use the pre-built dashboard for an overview across all your Vercel logs and vitals. Drill right down to a specific project and deployment.

Axiom's Smart Filters let you easily filter down to specific Vercel projects or deployments, and use our Quick Queries to get deep insights on how functions are performing with a single-click.

Send structured logs directly from your code and query, stream, & analyze them together with Vercel logs. Create dashboards, setup alerts, share queries with your team, and easily integrate Axiom with other services you use.

Upon linking your project(s), logs will automatically start to flow from Vercel to Axiom.

Optional: Integrate with next-axiom for full-stack observability

next-axiom allows you to send logs and events from any part of your Next.js project - client, edge, or server-side - without any special configuration.

// Install next-axiom
npm i --save next-axiom

// next.config.js - wrap your config withAxiom()
const { withAxiom } = require('next-axiom');

module.exports = withAxiom({
  // ... your existing config
})

// _app.js/_app.ts - single line for Web Vitals
export { reportWebVitals } from 'next-axiom';

// *.ts - structured logging from client, edge, or server-side files
import { log } from 'next-axiom'

log.debug('new sign-in challenge', { customerId: 32423, auth: 'session' })

Environment Variables

• NEXT_PUBLIC_AXIOM_INGEST_ENDPOINT - a unique endpoint to receive data from your project