Monitoring

Overview

Canvas automatically captures client-side errors, web performance metrics, and custom events for every app. Data flows to Mixpeek’s analytics backend (ClickHouse) and optionally to your own Sentry or PostHog instance.

Built-in error tracking

Canvas injects a lightweight error boundary that captures:

Unhandled exceptions — window.onerror and unhandledrejection events
Error details — message, stack trace, source URL, line/column numbers
Context — app ID, user agent, page URL

Errors are sent to the canvas_errors ClickHouse table and visible in Studio’s Analytics panel.

Querying errors via API

curl "https://api.mixpeek.com/v1/apps/$APP_ID/analytics/errors?minutes=60" \
  -H "Authorization: Bearer $API_KEY"

Web vitals

Canvas automatically reports Core Web Vitals for every page load:

Metric	What it measures
LCP (Largest Contentful Paint)	Loading performance
FID (First Input Delay)	Interactivity
CLS (Cumulative Layout Shift)	Visual stability

Vitals are stored in canvas_vitals and visible in Studio.

Custom events

Track custom events from your app using the Canvas analytics API:

// In your app code
fetch('/_canvas/events', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
    event_type: 'search',
    event_name: 'query_executed',
    event_data: JSON.stringify({ query: 'red shoes', results: 42 }),
  }),
})

Sentry integration

Send errors to your own Sentry project by configuring the monitoring settings:

curl -X PATCH https://api.mixpeek.com/v1/apps/$APP_ID \
  -H "Authorization: Bearer $API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "monitoring": {
      "sentry_dsn": "https://abc123@o456.ingest.sentry.io/789"
    }
  }'

Canvas injects the Sentry SDK automatically — no code changes needed in your app.

PostHog integration

Enable PostHog product analytics:

curl -X PATCH https://api.mixpeek.com/v1/apps/$APP_ID \
  -H "Authorization: Bearer $API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "monitoring": {
      "posthog_api_key": "phc_abc123",
      "posthog_host": "https://app.posthog.com"
    }
  }'

Canvas injects the PostHog snippet automatically. Page views, sessions, and custom events are tracked.

Studio

The Analytics panel in Studio shows:

Error rate — errors per minute over the selected time range
Web vitals — LCP, FID, CLS distributions
Custom events — event counts by type
Runtime logs — server function console output (see Runtime Logs)
Request logs — HTTP request log with status codes and latency

Get started

Connect your data

Extract features

Build retrievers

Enrich & organize

Integrate & operate

Resources

Overview

Built-in error tracking

Querying errors via API

Web vitals

Custom events

Sentry integration

PostHog integration

Studio

​Overview

​Built-in error tracking

​Querying errors via API

​Web vitals

​Custom events

​Sentry integration

​PostHog integration

​Studio

​Related

Overview

Built-in error tracking

Querying errors via API

Web vitals

Custom events

Sentry integration

PostHog integration

Studio

Related