@axiomhq/vercel-next

Send Web-Vitals from Vercel to Axiom.

Get started

1. Make sure you have the Axiom Vercel integration installed
2. In your Vercel project, run npm install --save @axiomhq/vercel-next
3. Wrap your NextJS config in withAxiomProxy like this in next.config.js:

1const { withAxiomProxy } = require('@axiomhq/vercel-next');
2
3module.exports = withAxiomProxy({
4  // ... your existing config
5})

This will proxy the Axiom ingest call to improve deliverability.

4. Go to pages/_app.js or pages/_app.ts and add the following line:

1export { reportWebVitals } from '@axiomhq/vercel-next';

5. Deploy your site and watch data coming into your Axiom dashboard