updated docker file

Dockerfile

@@ -1,26 +1,22 @@
-# Use an official Node.js runtime as a parent image
+FROM node:20 AS build-stage
-FROM node:18-alpine
 
-# Set the working directory
 WORKDIR /app
 
-# Copy package.json and package-lock.json
+COPY package*.json /app/
-COPY package*.json ./
 
-# Install dependencies
 RUN npm install
 
-# Copy the rest of the application code
+COPY ./ /app/
-COPY . .
+
+ARG VITE_API_URL=${VITE_API_URL}
 
-# Build the application
 RUN npm run build
 
-# Install a lightweight web server
-RUN npm install -g serve
 
-# Set the command to run the web server
+# Stage 1, based on Nginx, to have only the compiled app, ready for production with Nginx
-CMD ["serve", "-s", "dist"]
+FROM nginx:1
 
-# Expose the port the app runs on
+COPY --from=build-stage /app/dist/ /usr/share/nginx/html
-EXPOSE 3000
+
+COPY ./nginx.conf /etc/nginx/conf.d/default.conf
+COPY ./nginx-backend-not-found.conf /etc/nginx/extra-conf.d/backend-not-found.conf

docker-compose.yml

@@ -5,8 +5,6 @@ services:
       dockerfile: Dockerfile
     container_name: healthy-oil
 
-    ports:
-      - "3010:3000"
     volumes:
       - .:/app
       - /app/node_modules