Installation

Install the package that matches your stack. You can mix and match — for example, @autter/runtime-browser on the frontend with @autter/runtime-node on an Express backend.

npm install @autter/runtime-browser   # frontend (React, Vue, any SPA, static sites)
npm install @autter/runtime-node      # backend (Express, Fastify, Koa, Nest, plain Node)
npm install @autter/runtime-next      # Next.js (both halves in one package)

Frontend
Backend
Next.js

Errors and usage, automatic from init:

import { initAutterBrowser, captureException, trackEvent } from "@autter/runtime-browser";

initAutterBrowser({
  endpoint: "/api/autter-runtime",   // your relay route (recommended), or
  // endpoint: "https://otlp.autter.dev/v1/browser", clientKey: "autter_rtc_…",
  service: "web-app",
  release: import.meta.env.VITE_GIT_SHA,
});

captureException(err, { operation: "start-checkout" });
trackEvent("clicked_upgrade");

React render errors don’t reach window.onerror — wrap your app with the error boundary (exported from @autter/runtime-next, works in any React app):

<AutterErrorBoundary fallback={<ErrorPage />}>
  <App />
</AutterErrorBoundary>

One preloaded file, requests traced automatically:

// instrument.cjs — run with: node --require ./instrument.cjs server.js
const { initAutterServer } = require("@autter/runtime-node");
initAutterServer({
  apiKey: process.env.AUTTER_RUNTIME_KEY,   // secret server key
  service: "payments-api",
  release: process.env.GIT_SHA,
});

ESM-only app? Use --import plus OpenTelemetry’s loader hook — see the @autter/runtime-node package README.

npm install @autter/runtime-next

Three files give you server tracing, browser tracking, the relay, and the error boundary — instrumentation.ts, app/api/autter-runtime/route.ts, and a client component. See the @autter/runtime-next package README for the exact snippets.

Get a key

Every ingest key is scoped to one orgId + repositoryId. If you’re self-hosting the ingester, generate a key yourself — see Environment variables. If you’re using Autter’s hosted ingester at otlp.autter.dev, create a key from your Autter organization.

No npm in this codebase?

Any language with an OpenTelemetry SDK can send server telemetry with configuration only — no @autter/* package required. See Using Autter Runtime without npm.

Stack integrations

Per-stack setup snippets — React, Node, Next.js, Go, Rust, and any OTel SDK.

Self-hosting

Run the ingester yourself, or point at Autter’s hosted endpoint.

Get started

Guides

Reference

Get a key

No npm in this codebase?

Stack integrations

Self-hosting

​Get a key

​No npm in this codebase?

Stack integrations

Self-hosting

Get a key

No npm in this codebase?