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.
21 lines
424 B
JSON
21 lines
424 B
JSON
{
|
|
"$schema": "https://ui.shadcn.com/schema.json",
|
|
"style": "new-york",
|
|
"rsc": false,
|
|
"tsx": true,
|
|
"tailwind": {
|
|
"config": "",
|
|
"css": "src/index.css",
|
|
"baseColor": "slate",
|
|
"cssVariables": true,
|
|
"prefix": ""
|
|
},
|
|
"aliases": {
|
|
"components": "@/components",
|
|
"utils": "@/lib/utils",
|
|
"ui": "@/components/ui",
|
|
"lib": "@/lib",
|
|
"hooks": "@/hooks"
|
|
},
|
|
"iconLibrary": "lucide"
|
|
}
|