updates on the build file

Dockerfile

@@ -1,17 +1,24 @@
+# Stage 1: Build the React application
+FROM node:20-alpine AS build
+
+WORKDIR /app
+
+# Copy lock files and install dependencies
+COPY package*.json yarn.lock* package-lock.json* ./
+RUN npm ci
+
+# Copy codebase and compile Vite project
+COPY . .
+RUN npm run build
+
+# Stage 2: Serve using Nginx
 FROM nginx:alpine
 
-# Move to Nginx's public folder
-WORKDIR /usr/share/nginx/html
+# Copy custom Nginx configuration
+COPY nginx.config /etc/nginx/nginx.conf
 
-# 1. CRUCIAL: Remove Nginx's default "Welcome" page files completely
-RUN rm -rf ./*
-
-# 2. Copy your compiled static assets into the root folder.
-# NOTE: If your folder is named "dist" instead of "build", change "build/" to "dist/"
-COPY build/ .
-
-# 3. Copy your custom Nginx configuration (which you already have in your log)
-COPY nginx.conf /etc/nginx/nginx.conf
+# Copy Vite's dist output from Stage 1 to Nginx default html path
+COPY --from=build /app/dist /usr/share/nginx/html
 
 EXPOSE 3000