From 04c82dd9d49d372e5651f915e0fb36ce25da4d4a Mon Sep 17 00:00:00 2001 From: "theis.gaedigk" Date: Wed, 26 Nov 2025 19:28:15 +0100 Subject: [PATCH] added react build --- docker-compose.yml | 9 ++------- frontend/Dockerfile | 17 ++++++++++++----- frontend/nginx.conf | 18 ++++++++++++++++++ 3 files changed, 32 insertions(+), 12 deletions(-) create mode 100644 frontend/nginx.conf diff --git a/docker-compose.yml b/docker-compose.yml index e490ed1..fcab8ed 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -3,13 +3,8 @@ services: container_name: frontend build: ./frontend ports: - - "7002:7002" - environment: - - CHOKIDAR_USEPOLLING=true - volumes: - - ./frontend:/app - - /app/node_modules - restart: unless-stopped + - "7002:80" + restart: always # backend: # container_name: backend # build: ./backend diff --git a/frontend/Dockerfile b/frontend/Dockerfile index 7d384f8..3611744 100644 --- a/frontend/Dockerfile +++ b/frontend/Dockerfile @@ -1,12 +1,19 @@ -FROM node:20-alpine +FROM node:22-alpine AS builder WORKDIR /app -COPY package*.json ./ -RUN npm install +COPY package.json package-lock.json ./ +RUN npm ci COPY . . +RUN npm run build -EXPOSE 7002 +FROM nginx:alpine AS runner -CMD ["npm", "run", "dev"] \ No newline at end of file +WORKDIR /usr/share/nginx/html +COPY --from=builder /app/dist . + +COPY nginx.conf /etc/nginx/conf.d/default.conf + +EXPOSE 80 +CMD ["nginx", "-g", "daemon off;"] \ No newline at end of file diff --git a/frontend/nginx.conf b/frontend/nginx.conf new file mode 100644 index 0000000..4aa4fa8 --- /dev/null +++ b/frontend/nginx.conf @@ -0,0 +1,18 @@ +server { + listen 80; + server_name _; + + root /usr/share/nginx/html; + index index.html; + + location / { + try_files $uri $uri/ /index.html; + } + + location ~* \.(?:js|mjs|css|png|jpg|jpeg|gif|ico|svg|woff2?)$ { + expires 1y; + access_log off; + add_header Cache-Control "public, immutable"; + try_files $uri =404; + } +} \ No newline at end of file