New client/ directory, standalone from the backend: Vite 8 + React 19.2 + TypeScript 6. Tailwind v4 via @tailwindcss/vite plugin (no postcss config needed). shadcn/ui compatibility wired via components.json + lib/utils.ts. @tanstack/react-query + react-router-dom installed for server state + routing. Vite config essentials: base: '/app/' — Express mounts SPA at /app/*, vanilla JS stays at / outDir: '../public/app/' — build lands next to existing static assets @/* → ./src/* (client-local imports) @shared/* → ../shared/* (typed wire protocol shared with backend) server.proxy '/api' → localhost:3000 for `npm run dev` tsconfig.app.json — added baseUrl + paths + include ../shared so the shared/types.ts + schemas.ts are typechecked on the client side too. src/index.css — Tailwind v4 @import, shadcn HSL design tokens (light + dark schemes). Replaces the vite starter template's decorative styles. No backend touched. Express route serving /app/* lands in Day 7.
38 lines
974 B
JSON
38 lines
974 B
JSON
{
|
|
"name": "client",
|
|
"private": true,
|
|
"version": "0.0.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "tsc -b && vite build",
|
|
"lint": "eslint .",
|
|
"preview": "vite preview"
|
|
},
|
|
"dependencies": {
|
|
"@tailwindcss/vite": "^4.2.4",
|
|
"@tanstack/react-query": "^5.100.1",
|
|
"class-variance-authority": "^0.7.1",
|
|
"clsx": "^2.1.1",
|
|
"lucide-react": "^1.9.0",
|
|
"react": "^19.2.5",
|
|
"react-dom": "^19.2.5",
|
|
"react-router-dom": "^7.14.2",
|
|
"tailwind-merge": "^3.5.0",
|
|
"tailwindcss": "^4.2.4"
|
|
},
|
|
"devDependencies": {
|
|
"@eslint/js": "^10.0.1",
|
|
"@types/node": "^24.12.2",
|
|
"@types/react": "^19.2.14",
|
|
"@types/react-dom": "^19.2.3",
|
|
"@vitejs/plugin-react": "^6.0.1",
|
|
"eslint": "^10.2.1",
|
|
"eslint-plugin-react-hooks": "^7.1.1",
|
|
"eslint-plugin-react-refresh": "^0.5.2",
|
|
"globals": "^17.5.0",
|
|
"typescript": "~6.0.2",
|
|
"typescript-eslint": "^8.58.2",
|
|
"vite": "^8.0.10"
|
|
}
|
|
}
|