Overview
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.
Instructions
Upon linking your project(s), logs will automatically start to flow from Vercel to Axiom.
next-axiom for full-stack observabilitynext-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-axiomnpm 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 Vitalsexport { reportWebVitals } from 'next-axiom';
// *.ts - structured logging from client, edge, or server-side filesimport { log } from 'next-axiom'
log.debug('new sign-in challenge', { customerId: 32423, auth: 'session' })
NEXT_PUBLIC_AXIOM_INGEST_ENDPOINT - a unique endpoint to receive data from your project