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.
First, run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js
. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js
.
The pages/api
directory is mapped to /api/*
. Files in this directory are treated as API routes instead of React pages.
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.