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.
10 lines
230 B
TypeScript
10 lines
230 B
TypeScript
import { StrictMode } from 'react'
|
|
import { createRoot } from 'react-dom/client'
|
|
import './index.css'
|
|
import App from './App.tsx'
|
|
|
|
createRoot(document.getElementById('root')!).render(
|
|
<StrictMode>
|
|
<App />
|
|
</StrictMode>,
|
|
)
|