Optimised the Docker File

Dockerfile

@@ -1,15 +1,13 @@
-# Use small Alpine Linux image
-FROM node:12-alpine
+# Stage 1: Build the application
+FROM node:12-alpine AS builder
 
 # Set environment variables
 ENV PORT=5000
 ARG CLIENT_ID
 
-COPY . app/
-
-WORKDIR app/
+WORKDIR /app
 
-# Make sure dependencies exist for Webpack loaders
+# Install dependencies needed for building the application
 RUN apk add --no-cache \
   autoconf \
   automake \
@@ -20,13 +18,31 @@ RUN apk add --no-cache \
   libpng-dev \
   make \
   nasm 
-RUN npm ci --only-production --silent
+
+# Copy package files first to leverage Docker cache
+COPY package*.json ./
+RUN npm install --production --silent
+
+# Copy the rest of the application code
+COPY . .
 
 # Build production client side React application
 RUN npm run build
 
+# Stage 2: Create the final image
+FROM node:12-alpine
+
+# Set environment variables
+ENV PORT=5000
+
+WORKDIR /app
+
+# Copy only the built files and necessary dependencies from the builder stage
+COPY --from=builder /app/build ./build
+COPY --from=builder /app/node_modules ./node_modules
+
 # Expose port for Node
 EXPOSE $PORT
 
 # Start Node server
-ENTRYPOINT npm run prod
+CMD ["npm", "run", "prod"]