This is a Next.js project bootstrapped with create-next-app using the @logtail/js package.
Logtail lets you query your logs the same way you query a database. Experience radically better SQL-compatible log management at an unbeatable price.
Store your logs in a structured format and search them easily with SQL. Create actionable dashboards with hosted Grafana. Receive automatic anomaly detection alerts. Archive important log fragments, add comments, share links, and easily collaborate with colleagues.
All that for less than any Elastic stack alternative thanks to our custom-built data pipeline for storing and processing logs.
This example repository demonstrates how you can use structured logging with Logtail in your Next.js app both in the frontend app and in your API functions.
Set your Logtail.com source token to the NEXT_PUBLIC_LOGTAIL_SOURCE_TOKEN environment variable and once you open your app, you'll see your logs in Logtail.
Our Vercel integration will do all the work for you and it will sync your Vercel projects with your Logtail sources.
First, run the development server:
npm run dev
# or
yarn devOpen 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.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!