Deep DivesAdmin
Introduction
An overview of the RawStack Admin component.
The Admin component is an internal dashboard built with React, Vite, and React Router. It provides platform operators with tools to manage users, content, and settings.
Responsibilities
- User management and role assignment
- Platform configuration
- Data tables with sorting, filtering, and pagination
- Drag-and-drop interfaces for ordering and organising content
Architecture
Admin is a Single Page Application (SPA). It communicates with the API via @rawstack/api-client and uses React Query for all data fetching. There is no server-side rendering — the built output is a static dist/ folder deployed to S3 + CloudFront.
React Router v7 handles client-side routing. TanStack React Table drives all data table views. dnd-kit handles drag-and-drop interactions.
Key features
- React 19 + Vite 6 for fast builds and instant HMR
- React Router v7 for client-side navigation
- TanStack React Table v8 — sorting, filtering, pagination
- dnd-kit — accessible drag-and-drop
- Radix UI — accessible UI primitives
- Tabler Icons — icon set
- Dark mode via
next-themes - Tailwind CSS v4