This example shows how to use a Next.js project along with Axiom via the next-axiom package. A custom withAxiom wrapper is used to wrap the next config object, middleware and API functions. The log object could be used from frontend, middleware and API functions.

Deploy the example using Vercel or preview live with StackBlitz

Check out our Next.js deployment documentation for more details.

Execute create-next-app with npm, Yarn, or pnpm to bootstrap the example::

npx create-next-app --example with-axiom with-axiom-app
# or
yarn create next-app --example with-axiom with-axiom-app
# or
pnpm create next-app --example with-axiom with-axiom-app

Deploy it to the cloud with Vercel (Documentation) and watch data coming into your Axiom dataset.