Tracekit for Lovable Apps

Production debugging without redeploying. Free: 200k traces/mo

Setup (2 minutes)

  1. Sign up: app.tracekit.dev/register
  2. Get API key: app.tracekit.dev/api-keys
  3. Paste the prompt below into Lovable
  4. Add env var: TRACEKIT_API_KEY=your_key
  5. Deploy & watch: app.tracekit.dev
📋 Lovable Prompt
Add Tracekit APM for monitoring. Install @tracekit/node-apm. In the Express backend, add before routes: import * as tracekit from ‘@tracekit/node-apm’; const client = tracekit.init({ apiKey: process.env.TRACEKIT_API_KEY, serviceName: ‘my-app’, endpoint: ‘https://app.tracekit.dev/v1/traces’, enableCodeMonitoring: true, }); app.use(tracekit.middleware()); If this app has auth, add metrics: – const signupCounter = client.counter(‘user.signups.total’); – const loginCounter = client.counter(‘user.logins.total’); – Call signupCounter.inc() after user creation – Call loginCounter.inc() after successful login For custom metrics (business events): – Counter: client.counter(‘purchases.total’).inc() – Gauge: client.gauge(‘jobs.active’).inc() / .dec() – Histogram: client.histogram(‘job.duration’, { unit: ‘ms’ }).record(1250) For manual instrumentation (custom traces): import { getClient } from ‘@tracekit/node-apm’; const client = getClient(); const span = client.startSpan(‘operation-name’, null, { ‘attribute’: value }); // … do work … client.endSpan(span, { ‘result’: value }); // On error: client.recordException(span, error); client.endSpan(span, {}, ‘ERROR’); For live debugging snapshots (only on critical paths like payments): await client.captureSnapshot(‘payment-processing’, { userId, paymentId, amount });

What You Get

Auto-traced
HTTP requests, DB queries, errors
Custom metrics
Signups, logins, any event
Manual traces
Custom spans for operations
Live debugging
Snapshots on critical paths
Start Free

Free forever tier • No credit card required