Ana içeriğe geç

Frontend

dashboard/ altında React 18 + TypeScript + Vite ile geliştirilmiş, Ant Design tabanlı bir SPA'dır.

Komutlar

cd dashboard
npm ci
npm run dev            # geliştirme sunucusu — http://localhost:5173
npm run build           # tsc && vite build
npm run preview         # üretim derlemesini yerelde önizler
npm run lint             # eslint .
npm run lint:fix         # eslint --fix .
npm run prettier         # biçim kontrolü
npm run prettier:fix     # biçimi otomatik düzeltir
npm run typecheck        # tsc --noEmit
npm test                 # node:test

Yapılandırma

  • VITE_API_BASE_URL: backend adresini belirtir. Docker dağıtımında boş bırakılır; SPA, nginx vekili üzerinden backend'e aynı köken (origin) ile ulaşır.
  • .env.example dosyası şablon olarak izlenir; gerçek .env Git'e girmez.

Derleme çıktısı

npm run build komutu tsc ile tip denetimi yapar (hata varsa derleme durur), ardından Vite ile dist/ klasörüne üretim paketini üretir. Bu paket Docker imajında nginx ile sunulur (bkz. Dağıtım).

Bundle boyutu

Bazı chunk'lar 500 kB üzerindedir (Ant Design + ikon setleri). Bu bir build hatası değildir; Vite yalnızca bilgilendirici bir uyarı verir.