Live · server-rendered on Orbit

This page didn't exist
until you asked for it.

A server built this HTML for you, just now, and is streaming parts of it as they finish. Everything below is live: nothing on this page is a recording.

0.00s
since you asked for this page
#11
request to this server
10m 37s
since this server booted
01

Streamed, not waited for

The page shell reached you first. Each card below waited on a slow source and streamed in over the same connection the moment it finished: React Suspense, through Orbit's edge.

Inventory
waiting on a slow source (0.3s, simulated)
Recommendations
waiting on a slow source (1.1s, simulated)
Analytics
waiting on a slow source (2.2s, simulated)
02

One room, one server

Every deployment gets its own long-running server, so everyone looking at this page right now is connected to the same process.

–
connecting…
–
pulses since this server booted
Tap anywhere to send a pulse

Open this page on your phone too, then tap. Each tap calls a Server Action; the server pushes it to every open tab over one streaming response through Orbit's edge. No database, no websocket service: one warm server holds the room.

03

Watch it breathe

Real numbers from the server rendering this page: CPU, memory, event-loop delay and request rate, live.

CPU
–
Memory (RSS)
–
Event loop delay p99
–
Requests / second
–

Sampled once a second inside this deployment's Node.js process and pushed over the same event stream as the room above. Fire requests below and watch them land here.

04

Feel the warm server

Fire requests at this deployment's route handler and watch the round trips land.

median –fastest –server requests –

Every bar is a real round trip from your browser to this deployment's server and back, timed here. The server stays warm between requests, so after the first visit nothing boots.

05

X-ray

The real response headers your browser just got for this page. The x-orbit ones come from Orbit's edge.

HEAD this page
requesting…
06

Every push is a time machine

Each git push builds a new immutable deployment with its own permanent URL. Rolling back moves a pointer: no rebuild, instant.

Environment
production
Deployment
dpl-jgrndfx99e
Commit
e804cf0 Orbit Live: a Next.js showcase of server rendering, streaming and a live shared server
Branch
main
Built
1h 10m ago
Runtime
Node.js v22.23.4
Permanent URL
dpl-jgrndfx99e.orbitdeploy.dev

Try it

This page's color comes from one number: hue = 265 in app/theme.js. Change it and push. The new deployment gets the new color; the permanent URL on the left keeps this one forever. Roll back from the dashboard and this color is live again in an instant.