Deep DivesAdmin
Development
Local development guide for the RawStack Admin component.
Setup
cd apps/admin
npm install
cp .env.example .env
npm run devVite starts the dev server, typically at http://localhost:5173, with instant hot module replacement.
Project structure
apps/admin/
├── src/
│ ├── main.tsx # Entry point
│ ├── App.tsx # Root component with router and providers
│ ├── routes/ # Page components (one per route)
│ ├── components/ # Shared UI components
│ ├── lib/ # API hooks, utilities
│ └── assets/ # Images and static files
├── public/ # Files copied as-is to dist/
├── vite.config.ts
├── tailwind.config.ts
├── tsconfig.json
└── index.htmlPath alias
@/* is aliased to src/ in both vite.config.ts and tsconfig.json. Import components as:
import { Button } from "@/components/ui/button";Useful scripts
| Script | Description |
|---|---|
npm run dev | Start Vite dev server |
npm run build | TypeScript check + Vite production build |
npm run preview | Preview the production build locally |
npm run lint | ESLint |
npm run test | Vitest watch mode |
npm run test:ui | Vitest with UI |
npm run test:e2e | Playwright E2E tests |