Skip to main content

Frontend stack

React + Vite + TypeScript + Tailwind is the Gentian standard for all first-party UI — catalog apps and kernel shell.

Libraries (canonical)​

ConcernLibrary
RoutingTanStack Router (frontend/src/router.tsx)
Server stateTanStack Query
Client stateZustand (frontend/src/stores/)
StylingTailwind 4 + Gentian design tokens
API callsfrontend/src/api/client.ts

Primary rationale​

Agent-assisted development: React/TSX has the largest training corpus; agents produce correct pages, forms, and data flows more reliably than Vue SFCs.

Production serving​

The web container serves the Vite build with serve on port 8080. No nginx. Envoy Gateway (HTTPRoute) splits /api → API Service and / → web Service.