Build Your Own Telemetry UI Using Lovable & Bronto

#ai #devops #observability #webdev

Authored by Feargal Karney & Mati Remi

The Bronto REST API now exposes everything our own UI is built on. That means you can build a custom interface tailored exactly to your team's workflow, rather than having to use a general-purpose interface someone else designed.

To make it easy to get started, we've published a baseline project on Lovable you can remix into your own workspace. For those who haven't used it, Lovable is an AI-powered frontend builder — think Figma meets Claude Code, but for shipping real React apps. It fuelled its way to $100M ARR in just 8 months.

Here's how to create your very own BrontoVibe project.

Getting Started in 3 Steps

Step 1: Create a free account or log into Lovable, then open the template here.

Step 2: Get an API Key from your Bronto account under Settings → API Keys → Add API Key (API Full Access Role).

Step 3: Remix the project and get prompting!

That's it. No backend to deploy, no auth to configure, no infrastructure to manage.

What the Baseline Project Covers

Search & Explore

Query via SQL or LogQL, view raw events, or plot them on a timeseries. A solid starting point you can extend however you need.

Tracing

Find errors and performance issues, drill into spans across services. One click from any trace takes you to the correlated raw log data — useful when you're mid-incident and need context fast.