Deep DivesAdmin
Tech Specification
Technical specification for the RawStack Admin component.
Runtime
| Language | TypeScript |
| Build tool | Vite v6 |
| Framework | React v19 |
| Routing | React Router v7 |
| Dev server port | 5173 (default Vite) |
Key dependencies
| Package | Purpose |
|---|---|
vite | Build tool and dev server |
react-router-dom | Client-side routing |
@rawstack/api-client | Typed API client |
@tanstack/react-query | Server state and caching |
@tanstack/react-table | Data tables |
@dnd-kit/* | Drag-and-drop |
@radix-ui/* | UI primitives (dialog, dropdown, select, tabs, etc.) |
@tabler/icons-react | Icon set |
react-hook-form | Form state |
zod | Validation |
axios | HTTP client |
tailwindcss | Styling |
next-themes | Dark mode |
Build output
Vite produces a fully static dist/ folder. All assets are content-hashed for cache-busting. The SPA uses a single index.html entry point — the S3 + CloudFront configuration handles routing by returning index.html for all paths.
Environment variables
Vite exposes variables prefixed with VITE_ to the client bundle:
VITE_API_URL=http://localhost:3001