How We Made the Axiom Vercel Integration Even Better

Almost a year ago we launched the Axiom Vercel Integration, providing Vercel users with an in-depth observability experience for their projects and deployments. Since then we shipped bug fixes, increased resilience and performance and added quality-of-life improvements and today I want to talk about some of the latter.

A new deployment selector

We've made it easier to filter your Vercel dashboard or dataset to the exact project and deployment you need. Select the project and you get presented with the current production deployment as well as the most recent preview deployments:

Logs and Web Vitals now have a user agent and environment property

When sending logs or web vitals you now get a user agent and the environment to filter on. This is extra useful when you want to filter out bots or aggregate logs for preview/production environments.

Create intermediate loggers for maximum flexibility

Let’s say you have a function that requires a user and you want to log the user id in every log. You can create an intermediate logger and attach fields like this:

withAxiom now works in edge functions and getServerSideProps

There are even more places where you can send logs and get reports, here's an example of the edge function:

And this is how you wrap getServerSideProps:

Thanks to Haydn, a member of our community, for that change!

next-axiom now supports non-Vercel deployments

If you’re using Next.js but not on Vercel, we recently introduced support for non-Vercel deployments! Create a dataset and an API token with ingest permission into that dataset, then create both AXIOM_TOKEN and AXIOM_DATASET as environment variables and you’re good to go!

Next.js 13 support with Web-Vitals

We've contributed to Next.js to add Web Vitals support so you'll soon be able to send them to Axiom with a single line like before:

Try it out today

Head over to the Vercel marketplace today to install the Axiom Integration and get Zero Config Observability for all your Vercel projects.

• Find out more about next-axiom in GitHub.
• If you have feedback, tweet us @AxiomFM or join our Discord community.