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.
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-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' })
NEXT_PUBLIC_AXIOM_INGEST_ENDPOINT
- a unique endpoint to receive data from your project