Update Dockerfile

Dockerfile

@@ -1,20 +1,39 @@
 # Stage 1: Build the React application
+# Uses a Node.js image to build the React application.
 FROM node:18-alpine as builder
 
+# Set the working directory inside the container.
 WORKDIR /app
 
+# Copy package.json and package-lock.json first to leverage Docker's layer caching.
+# This means npm install won't re-run if these files haven't changed.
 COPY package*.json ./
+
+# Install project dependencies.
 RUN npm install
 
+# Copy the rest of the application source code.
 COPY . .
+
+# Build the React application for production.
+# Vite (used by your project) outputs to the 'dist' folder by default.
 RUN npm run build
 
 # Stage 2: Serve the application with Nginx
+# Uses a lightweight Nginx image to serve the static files.
 FROM nginx:alpine
 
-# Copy the built React app from the builder stage
+# Copy the built React application (from the 'dist' folder in the 'builder' stage)
+# to Nginx's default web serving directory.
 COPY --from=builder /app/dist /usr/share/nginx/html
 
+# Copy the custom Nginx configuration file.
+# This file contains settings to resolve permission issues for Nginx's temporary files.
+COPY nginx.conf /etc/nginx/nginx.conf
+
+# Expose port 80, which is the default HTTP port Nginx listens on.
 EXPOSE 80
 
+# Command to start Nginx in the foreground.
+# 'daemon off;' ensures Nginx runs in the foreground so Docker keeps the container alive.
 CMD ["nginx", "-g", "daemon off;"]