Fix: Configuration complète du build React/TypeScript

Configuration de l'application pour le build et déploiement React:

Package.json:
- Ajout de toutes les dépendances React/TypeScript/Vite
- Ajout des dépendances shadcn/ui et Radix UI
- Ajout des scripts de build (dev, build, preview)
- Dépendances ajoutées: react, react-dom, @tanstack/react-query,
  react-router-dom, tailwindcss, vite, typescript, lucide-react,
  sonner, next-themes, et toutes les primitives @radix-ui

Vite.config.ts:
- Configuration du build pour générer dans le dossier dist/
- Configuration correcte de l'alias @ pour les imports

Server.js:
- Modification pour servir les fichiers statiques depuis dist/
- Maintien du dossier /uploads depuis public/uploads
- SPA fallback pour servir dist/index.html

Dockerfile:
- Multi-stage build pour optimiser la taille
- Stage 1 (builder): Installation des dépendances et build React
- Stage 2 (production): Copie du build + dépendances serveur uniquement
- Réduction significative de la taille de l'image finale

.dockerignore:
- Nouveau fichier pour exclure les fichiers inutiles du contexte Docker
- Exclusion de node_modules, dist, .git, logs, etc.

L'application est maintenant prête pour le déploiement avec Docker.
This commit is contained in:
Claude committed 2025-11-12 07:17:56 +00:00
1 parent 6fe6b4c010
commit fab5d8f5ff
5 files changed
+169 -10

No files matched your search

+37 -4
View File
@@ -1,4 +1,29 @@
# Image de base Node.js 20 Alpine pour optimiser la taille
FROM node:20-alpine AS builder
# Définir le répertoire de travail
WORKDIR /app
# Copier les fichiers de dépendances
COPY package*.json ./
COPY tsconfig*.json ./
COPY vite.config.ts ./
COPY components.json ./
COPY postcss.config.js ./
COPY tailwind.config.* ./
COPY eslint.config.js ./
# Installer TOUTES les dépendances (dev + prod)
RUN npm ci
# Copier le code source
COPY index.html ./
COPY src ./src
# Construire l'application React
RUN npm run build
# ========== Image de production ==========
FROM node:20-alpine
# Définir le répertoire de travail
@@ -10,11 +35,19 @@ RUN apk add --no-cache sqlite
# Copier les fichiers de dépendances
COPY package*.json ./
# Installer les dépendances de production uniquement
# Installer uniquement les dépendances de production pour le serveur
RUN npm ci --only=production
# Copier le code source
COPY . .
# Copier le code du serveur
COPY server.js ./
COPY config ./config
COPY routes ./routes
COPY middleware ./middleware
COPY services ./services
COPY migrations ./migrations
# Copier le build de l'application React depuis le builder
COPY --from=builder /app/dist ./dist
# Créer les dossiers nécessaires et définir les permissions
RUN mkdir -p /app/data /app/public/uploads && \
@@ -31,4 +64,4 @@ HEALTHCHECK --interval=30s --timeout=3s --start-period=10s --retries=3 \
CMD node -e "require('http').get('http://localhost:2222/health', (r) => process.exit(r.statusCode === 200 ? 0 : 1))"
# Démarrer l'application
CMD ["node", "server.js"]
CMD ["node", "server.js"]