add react frontend to docker

This commit is contained in:
Evan
2026-01-17 11:29:50 +05:00
parent 8b8a7949ee
commit daf5629d23
4 changed files with 55 additions and 16 deletions

30
frontend-react/Dockerfile Normal file
View File

@@ -0,0 +1,30 @@
# Build stage - compile the React/Vite app
FROM node:20-alpine AS builder
WORKDIR /app
# Copy package files first for better caching
COPY frontend-react/package*.json ./
# Install dependencies
RUN npm ci
# Copy source files
COPY frontend-react/ ./
# Build the production bundle
RUN npm run build
# Production stage - serve with Nginx
FROM nginx:alpine
# Copy custom nginx configuration
COPY nginx/nginx.conf /etc/nginx/nginx.conf
# Copy built React app from builder stage
COPY --from=builder /app/dist /usr/share/nginx/html/
# Expose port 80
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]