diff --git a/work-queue-webui/.dockerignore b/work-queue-webui/.dockerignore new file mode 100644 index 0000000..5d1b033 --- /dev/null +++ b/work-queue-webui/.dockerignore @@ -0,0 +1,7 @@ +node_modules +dist +.git +.gitignore +*.md +eslint.config.js +vite.config.js diff --git a/work-queue-webui/Dockerfile b/work-queue-webui/Dockerfile new file mode 100644 index 0000000..994fd98 --- /dev/null +++ b/work-queue-webui/Dockerfile @@ -0,0 +1,20 @@ +# Stage 1: Build the React app +FROM node:22-alpine AS builder + +WORKDIR /app + +COPY package*.json ./ +RUN npm ci + +COPY . . +RUN npm run build + +# Stage 2: Serve with nginx +FROM nginx:alpine + +COPY --from=builder /app/dist /usr/share/nginx/html +COPY --from=builder /app/docker/nginx.conf /etc/nginx/conf.d/default.conf + +EXPOSE 80 443 + +CMD ["nginx", "-g", "daemon off;"] diff --git a/work-queue-webui/docker/nginx.conf b/work-queue-webui/docker/nginx.conf new file mode 100644 index 0000000..38c4ef3 --- /dev/null +++ b/work-queue-webui/docker/nginx.conf @@ -0,0 +1,18 @@ +server { + listen 80; + server_name _; + + root /usr/share/nginx/html; + index index.html; + + # Serve static files + location / { + try_files $uri $uri/ /index.html; + } + + # Cache static assets + location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2)$ { + expires 1y; + add_header Cache-Control "public, immutable"; + } +}