Lovable Integration

Quick Setup Guide

Start tracking your Lovable project's AI costs in minutes with our seamless integration.

1Install ActsAsGeek SDK

Add our observability SDK to your Lovable project to start tracking LLM usage automatically.

npm install @actsasgeek/observability

2Get your API key

Create a free ActsAsGeek account and get your project API key from the dashboard.

3Initialize tracking

Add the SDK to your Lovable project's main file to start tracking AI interactions.

import { ActsAsGeek } from "@actsasgeek/observability"

// Initialize with your API key
const actsasgeek = new ActsAsGeek({
  writeKey: process.env.ACTSASGEEK_API_KEY,
  debugLogs: true // Optional: see events in console
})

// Your Lovable AI interactions will now be tracked!

4Track your first interaction

Wrap any AI call to start tracking tokens, costs, and performance metrics.

// Example: Track a chat completion
const interaction = actsasgeek.begin({
  eventId: "lovable-chat-123",
  eventName: "ai_code_generation",
  userId: "user123",
  model: "gpt-4",
  input: { prompt: "Create a React component..." }
})

// Make your AI call here
const result = await openai.chat.completions.create({...})

// Complete tracking
interaction.finish({
  output: { code: result.choices[0].message.content }
})

You're tracking!

Your Lovable project is now sending AI usage data to ActsAsGeek. Check your dashboard to see real-time cost tracking, token usage, and performance metrics.