HTMX Dashboard — built with StreetJS

Server-rendered HTML · HTMX swaps · SSE live tiles — no SPA build step.

• Live demo: coming soon (see the demo plan)
• Source: examples/reference-apps/htmx-dashboard
• Scaffold your own: street create my-app --frontend htmx
• Deploy: deploy/ · Docs: Plugins

Architecture

Browser (HTMX, no SPA build) ─▶ typed @Controller
                                   ├─ @streetjs/plugin-htmx view engine (layouts/partials)
                                   ├─ returns HTML fragments (hx-get/hx-post → swap)
                                   └─ SSE channel ─▶ live-updating tiles (no client framework)

The controller returns real HTML fragments that HTMX swaps into the page; live tiles update over Server-Sent Events. The whole interactive surface ships without a client bundler — typed controllers all the way down.

Run it locally

npm run build -w packages/core
npm run build -w packages/plugin-htmx
node examples/reference-apps/htmx-dashboard/server.mjs        # :3000
node examples/reference-apps/htmx-dashboard/smoke-test.mjs    # 12/12 checks

Status

A dedicated, CI-tested HTMX dashboard reference app now ships at examples/reference-apps/htmx-dashboard — full-page layout for normal loads, an HTML fragment for the HTMX poll target (/tiles), and a Server-Sent Events stream (/events) for push updates, all on the @streetjs/plugin-htmx view engine.

Learning path

1. Live Dashboard — SSE metrics streaming
2. HTMX frontend (--frontend htmx)
3. Server-rendered dashboard (fragments + SSE)

Browse all demos in the Showcase.