InformdFrontend
Frontend
The Informd frontend app and its generated TypeScript API client.
The Informd frontend lives in the TheTree monorepo. Two pieces:
| Piece | Where | What it is |
|---|---|---|
| App | front/informd/ | TanStack Start app (React Router, React Query, Base UI) |
| API client | lib/ts/informd/ | orval-generated client, published as @trieoh/informd-models |
Stack
- TanStack Start — React Router + SSR + React Query; server functions for BFF-ish calls.
- Base UI + Tailwind;
@trieoh/ui-base/@trieoh/front-corefor shared UI and conventions.
Generated client
lib/ts/informd/
├── client/
│ ├── endpoints.ts # typed API functions
│ ├── schemas/ # spec types
│ └── (react-query hooks)
└── package.json # @trieoh/informd-models- The
fun.Responseenvelope is unwrapped for you (orval input transformer + runtime mutator inlib/ts/api-client/src/orval-mutator.ts); failures reject withApiError(envelope at.envelope). - Regenerate after any spec change:
pnpm orval— never hand-write endpoint code.
Run it
pnpm --filter @trieoh/informd-models dev # generated client workspace pkg
pnpm --filter informd dev # the app (front/informd)