You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: apps/cloudflare-logpush.mdx
+6-2
Original file line number
Diff line number
Diff line change
@@ -1,9 +1,13 @@
1
1
---
2
2
title: 'Connect Axiom with Cloudflare Logpush'
3
3
description: "Axiom gives you an all-at-once view of key Cloudflare Logpush metrics and logs, out of the box, with our dynamic Cloudflare Logpush dashboard."
4
+
overview: 'Service for pushing logs to storage services in real-time'
Cloudflare Logpush is a feature that allows you to push HTTP request logs and other Cloudflare-generated logs directly to your desired storage, analytics, and monitoring solutions like Axiom. The integration with Axiom aims to provide real-time insights into web traffic, and operational issues, thereby helping to monitor and troubleshoot effectively.
@@ -66,7 +70,7 @@ For account-scoped Logpush jobs:
66
70
67
71
Using Axiom with Cloudflare Logpush offers a powerful solution for real-time monitoring, observability, and analytics. Axiom can help you gain deep insights into your app’s performance, errors, and app bottlenecks.
68
72
69
-
### Benefits of using the Axiom Cloudflare Logpush Dashboard
73
+
### Benefits of using the Axiom Cloudflare Logpush Dashboard
70
74
71
75
- Real-time visibility into web performance: One of the most crucial features is the ability to see how your website or app is performing in real-time. The dashboard can show everything from page load times to error rates, giving you immediate insights that can help in timely decision-making.
Copy file name to clipboardExpand all lines: apps/cloudflare-workers.mdx
+2-2
Original file line number
Diff line number
Diff line change
@@ -14,7 +14,7 @@ The data obtained with the Axiom dashboard gives you better insights into the st
14
14
15
15
Cloudflare Workers is a serverless computing platform developed by Cloudflare. The Workers platform allows developers to deploy and run JavaScript code directly at the network edge in more than 200 data centers worldwide. This serverless architecture enables high performance, low latency, and efficient scaling for web apps and APIs.
16
16
17
-
## Sending Cloudflare Worker logs to Axiom
17
+
## Sending Cloudflare Worker logs to Axiom
18
18
19
19
The Axiom Cloudflare worker repository plugin is available on [GitHub](https://github.com/axiomhq/axiom-cloudflare-workers).
20
20
@@ -65,4 +65,4 @@ When requests are made to the routes you set up, the worker will be triggered, a
Copy file name to clipboardExpand all lines: apps/netlify.mdx
+4-2
Original file line number
Diff line number
Diff line change
@@ -1,9 +1,11 @@
1
1
---
2
2
title: 'Connect Axiom with Netlify'
3
3
description: 'Integrating Axiom with Netlify to get a comprehensive observability experience for your Netlify projects. This app will give you a better understanding of how your Jamstack apps are performing.'
4
+
overview: 'All-in-one platform for automating modern web projects'
Integrate Axiom with Netlify to get a comprehensive observability experience for your Netlify projects. This integration will give you a better understanding of how your Jamstack apps are performing.
@@ -16,13 +18,13 @@ Axiom’s Netlify app is complete with a pre-built dashboard that gives you cont
16
18
17
19
Overall, the Axiom Netlify app makes it easy to monitor and optimize your Jamstack apps. However, do note that this integration is only available for Netlify customers enterprise-level plans where [Log Drains are supported](https://docs.netlify.com/monitor-sites/log-drains/).
18
20
19
-
## What is Netlify
21
+
## What is Netlify
20
22
21
23
Netlify is a platform for building highly-performant and dynamic websites, e-commerce stores, and web apps. Netlify automatically builds your site and deploys it across its global edge network.
22
24
23
25
The Netlify platform provides teams everything they need to take modern web projects from the first preview to full production.
24
26
25
-
## Sending logs to Axiom
27
+
## Sending logs to Axiom
26
28
27
29
The log events gotten from Axiom gives you better insight into the state of your Netlify sites environment so that you can easily monitor traffic volume, website configurations, function logs, resource usage, and more.
Copy file name to clipboardExpand all lines: apps/vercel.mdx
+9-6
Original file line number
Diff line number
Diff line change
@@ -1,9 +1,12 @@
1
1
---
2
2
title: 'Connect Axiom with Vercel'
3
3
description: 'Easily monitor data from requests, functions, and web vitals in one place to get the deepest observability experience for your Vercel projects.'
4
+
overview: 'Platform for frontend frameworks and static sites'
For Client Components, replace the `log` prop usage with the `useLogger` hook:
94
97
@@ -103,7 +106,7 @@ export default function ClientComponent() {
103
106
}
104
107
```
105
108
106
-
### Server Components
109
+
### Server Components
107
110
108
111
For Server Components, create a logger and make sure to call flush before returning:
109
112
@@ -159,7 +162,7 @@ If you plan on upgrading to Next.js 13, you'll need to make specific changes to
159
162
- For server-side components, you need to create an instance of the `Logger` and flush the logs before the component returns.
160
163
- For Web Vitals tracking, you'll replace the previous method of capturing data. Remove the `reportWebVitals()` line and instead integrate the `AxiomWebVitals` component into your layout.
161
164
162
-
## Vercel Function logs 4KB limit
165
+
## Vercel Function logs 4KB limit
163
166
164
167
The Vercel 4KB log limit refers to a restriction placed by Vercel on the size of log output generated by serverless functions running on their platform. The 4KB log limit means that each log entry produced by your function should be at most 4 Kilobytes in size.
165
168
@@ -197,7 +200,7 @@ If you use a logging library in your Vercel project that prints JSON, your **mes
197
200
}
198
201
```
199
202
200
-
- The **JSON** data in your **message** would be:
203
+
- The **JSON** data in your **message** would be:
201
204
202
205
```json
203
206
{
@@ -211,7 +214,7 @@ If you use a logging library in your Vercel project that prints JSON, your **mes
211
214
212
215
You can **parse** the JSON using the [parse_json function](/apl/scalar-functions/string-functions#parse-json()) and run queries against the **values** in the **message** field.
213
216
214
-
### Example
217
+
### Example
215
218
216
219
```kusto
217
220
['vercel']
@@ -266,4 +269,4 @@ For more configuration options, see the [documentation in the next-axiom GitHub
266
269
267
270
## Send logs from Vercel preview deployments
268
271
269
-
To send logs from Vercel preview deployments to Axiom, enable preview deployments for the environment variable `NEXT_PUBLIC_AXIOM_INGEST_ENDPOINT`. For more information, see the [Vercel documentation](https://vercel.com/docs/projects/environment-variables/managing-environment-variables).
272
+
To send logs from Vercel preview deployments to Axiom, enable preview deployments for the environment variable `NEXT_PUBLIC_AXIOM_INGEST_ENDPOINT`. For more information, see the [Vercel documentation](https://vercel.com/docs/projects/environment-variables/managing-environment-variables).
This guide demonstrates how to configure OpenTelemetry in Cloudflare Workers to send telemetry data to Axiom using the [OTel CF Worker package](https://github.com/evanderkoogh/otel-cf-workers).
10
+
This guide demonstrates how to configure OpenTelemetry in Cloudflare Workers to send telemetry data to Axiom using the [OTel CF Worker package](https://github.com/evanderkoogh/otel-cf-workers).
10
11
11
12
## Prerequisites
12
13
@@ -24,15 +25,15 @@ Create a new directory for your project and navigate into it:
24
25
mkdir my-axiom-worker &&cd my-axiom-worker
25
26
```
26
27
27
-
Initialize a new Wrangler project using this command:
28
+
Initialize a new Wrangler project using this command:
Configure and implement your Workers script by integrating OpenTelemetry with the `@microlabs/otel-cf-workers` package to send telemetry data to Axiom, as illustrated in the example `index.ts` below:
36
+
Configure and implement your Workers script by integrating OpenTelemetry with the `@microlabs/otel-cf-workers` package to send telemetry data to Axiom, as illustrated in the example `index.ts` below:
36
37
37
38
```js
38
39
// index.ts
@@ -138,7 +139,7 @@ To run your Cloudflare Workers app with OpenTelemetry instrumentation, ensure yo
138
139
139
140
### In development mode
140
141
141
-
For local development and testing, you can start a local development server by running:
142
+
For local development and testing, you can start a local development server by running:
142
143
143
144
```bash
144
145
npm run start
@@ -148,7 +149,7 @@ This command runs `wrangler dev` allowing you to preview and test your app local
148
149
149
150
### Deploying to production
150
151
151
-
Deploy your app to the Cloudflare Workers environment by running:
152
+
Deploy your app to the Cloudflare Workers environment by running:
152
153
153
154
```bash
154
155
npm run deploy
@@ -251,10 +252,10 @@ Wrap your Cloudflare Workers script with the `instrument` function from the **`@
2. Configuration: Provide configuration details, including how to export telemetry data and service metadata to Axiom as part of the `instrument` function call.
259
260
260
261
```js
@@ -367,4 +368,4 @@ These packages provide the foundational elements for OTLP exporters, including t
367
368
368
369
**`@opentelemetry/resources`**
369
370
370
-
Defines the Resource, which represents the entity producing telemetry. In Cloudflare Workers, Resources can be used to describe the worker (for example,, service name, version) and are attached to all exported telemetry, aiding in identifying data in backend systems.
371
+
Defines the Resource, which represents the entity producing telemetry. In Cloudflare Workers, Resources can be used to describe the worker (for example,, service name, version) and are attached to all exported telemetry, aiding in identifying data in backend systems.
0 commit comments