RouteData

A table-first, zero-backend embedded analytics workspace for logistics & supply-chain teams. Every Luzmo API call runs in the browser with a compiled-in long-lived embed token, so the whole app ships as a static bundle. Built with Next.js 16, React 19, and the Luzmo Flex SDK + ACK.

Features

• Live KPI home — KPI cards + Flex visuals (on-time delivery, delay, cost per shipment, throughput, exception rate) queried directly against Luzmo POST /0.1.0/data.
• Source table — pick dataset columns in ACK's luzmo-data-field-panel and preview a live tabular slice.
• Dashboard builder — drag-and-drop luzmo-item-grid canvas with ACK slot/option panels and per-tile editing.
• Chart suggestions — rule-based Flex chart suggestions plus natural-language chart generation via Luzmo POST /0.1.0/aichart.
• Workbooks — save/load dashboard layouts to localStorage under routedata:workbooks.
• Admin views — Targets, Data Sources, and Settings backed by demo config and POST /0.1.0/securable dataset metadata.
• Zero backend — no Node server and no API routes; authenticates entirely from the browser with a single embed key/token.

Tech Stack

Getting Started

1. Copy .env.example to .env.local and fill in your embed credentials:

   ROUTEDATA_LUZMO_EMBED_KEY=your-embed-key
   ROUTEDATA_LUZMO_EMBED_TOKEN=your-embed-token
   ROUTEDATA_LUZMO_EMBED_EXPIRY=iso-timestamp
   ROUTEDATA_LUZMO_DATASET_ID=your-dataset-uuid
   ROUTEDATA_LUZMO_API_HOST=https://api.luzmo.com
   ROUTEDATA_LUZMO_APP_SERVER=https://app.luzmo.com
   

   Because this is a static export with no backend, these are inlined into the client bundle at build time (mapped in via the env field in next.config.ts) — so they still reach the browser. That is expected for an embed key/token; the Luzmo API key/token must never be placed in these vars.

2. Install and start:

   npm install
   npm run dev
   

The dev server starts at http://localhost:3000.

Build

npm run build     # emits ./out/ — deploy to any static host