Easily monitor data from requests, functions, and web vitals in one place to get the deepest observability experience for your Vercel projects.
vercel
dataset. You can stream and analyze these logs live, or use our pre-build Vercel Dashboard to get an overview of all the important metrics. When you’re ready, you can fork our dashboard and start building your own!
For function logs, if you call console.log
, console.warn
or console.error
in your function, the output will also be captured and made available as part of the log. You can use our extended query language, APL, to easily search these logs.
npm install --save next-axiom
.next.config.js
, wrap your NextJS config in withAxiom
as follows:app/layout.tsx
and add the AxiomWebVitals
component:log
prop usage with the useLogger
hook:
withAxiom
will add a logger to your request and automatically log exceptions:
pages/_app.js
or pages/_app.ts
and add the following line:
1.0.0
or higher:NEXT_PUBLIC_ prefix
, for example,, NEXT_PUBLIC_AXIOM_TOKEN
.useLogger
hook instead of the log
prop.Logger
and flush the logs before the component returns.reportWebVitals()
line and instead integrate the AxiomWebVitals
component into your layout.NEXT_PUBLIC_AXIOM_INGEST_ENDPOINT
from the environment variables of your Vercel project. For more information, see the Vercel documentation.NEXT_PUBLIC_AXIOM_DATASET
is the name of the Axiom dataset where you want to send data.NEXT_PUBLIC_AXIOM_TOKEN
is the Axiom API token you have generated.npm install --save next-axiom
to install the latest version of next-axiom.next.config.ts
file, wrap your Next.js configuration in withAxiom
:NEXT_PUBLIC_AXIOM_INGEST_ENDPOINT
. For more information, see the Vercel documentation.