34 lines
767 B
Docker
34 lines
767 B
Docker
# Stage 1: Build the React application
|
|
FROM node:20-alpine AS build
|
|
WORKDIR /app
|
|
|
|
# Copy package management files first for better caching
|
|
COPY package.json yarn.lock* package-lock.json* ./
|
|
|
|
# Install dependencies (using npm to respect package-lock.json if it exists, with legacy-peer-deps for compatibility)
|
|
RUN npm install --legacy-peer-deps
|
|
|
|
# Copy the source code
|
|
COPY . .
|
|
|
|
# Build the application
|
|
RUN npm run build
|
|
|
|
# Stage 2: Serve the application with Nginx
|
|
FROM nginx:alpine
|
|
|
|
WORKDIR /usr/share/nginx/html
|
|
|
|
# Remove default Nginx welcome page
|
|
RUN rm -rf ./*
|
|
|
|
# Copy built assets from the previous stage
|
|
COPY --from=build /app/build/ .
|
|
|
|
# Copy the custom Nginx configuration
|
|
COPY nginx.conf /etc/nginx/nginx.conf
|
|
|
|
EXPOSE 80
|
|
|
|
CMD ["nginx", "-g", "daemon off;"]
|