K
Projectsdatadog
ACTIVE PROJECT

Datadog RUM Pizza Builder

A self-contained demo app for teaching Datadog RUM — an interactive pizza-order wizard that turns URL-fragment navigation into real RUM views and actions.

Overview

Explaining how Datadog RUM tracks single-page apps is easier with something to click through than with a slide. This is a six-step pizza order wizard — crust, sauce, cheese, toppings, size, then a results screen — where every step change is a URL-fragment navigation, not a real page load.

That’s the point: in the RUM Explorer, each of those steps shows up as its own view, with its own load time and action count, which is exactly the behavior people building fragment-routed SPAs need to see to understand RUM’s view model. The results tab embeds a live Datadog dashboard breaking down submitted orders by crust, sauce, size, and geography, built from the custom pizza_order_submitted action fired on checkout.

Features
Fragment navigation as real RUM views
Each wizard step (crust, sauce, cheese, toppings, size, results) updates the URL hash, and each hash change fires its own RUM view — even though the browser never actually navigates.
Custom actions with real payloads
Submitting an order fires a pizza_order_submitted custom action carrying the full order as context, filterable and facetable in the RUM Explorer.
What I Learned
01
A toy example teaches better than a real one

A pizza order has no confidential business logic to obscure — that's exactly why it works as a training tool: every RUM concept is visible without anything to redact or explain away.

Command Palette

Search for a command to run...