The npm scripts

Six npm scripts in web/ run the dev server, the tests, the checks and the build.

npm run dev. Work on the app with hot reload.

1 / 6

From the first change to the production build

What each script does

Run each script in web/.

Script	What it does
`npm run dev`	Vite dev server with HMR and the API proxy (port 5173)
`npm run build`	`tsc -b && vite build` → `dist/`, with hashed files under `dist/assets/`
`npm run preview`	Serves `dist/` with the same proxy (port 4173)
`npm test`	Vitest unit tests (`src/*/.test.ts` and `src/*/.test.tsx`)
`npm run typecheck`	`tsc -b --noEmit`
`npm run lint`	ESLint (typescript-eslint, react-hooks, react-refresh)

A hashed file has a code in its name. The code changes when the content changes.

The development loop

Run ferryd for the API and Vite for the dashboard. Then each change of the code shows in the browser.

The stack

The dashboard uses React and TypeScript. Each library has one job.