feat(Dockerfiles): streamline build processes and update image references for backend and frontend

Author: tesfa27

backend/Dockerfile

@@ -1,20 +1,11 @@
-# Step 1: Use the official Node.js image
-FROM node:18
+FROM node:18-alpine
 
-# Step 2: Set working directory inside the container
-WORKDIR /usr/src/app
+WORKDIR /app
 
-# Step 3: Copy package.json and package-lock.json
 COPY package*.json ./
+RUN npm ci --only=production
 
-# Step 4: Install dependencies
-RUN npm install
-
-# Step 5: Copy the rest of the app's source code
 COPY . .
 
-# Step 6: Expose the port the app runs on
 EXPOSE 3000
-
-# Step 7: Command to run the app
 CMD ["npm", "start"]

docker-compose.yml

@@ -29,6 +29,7 @@ services:
       - task-board-network
 
   frontend:
+    image: ghcr.io/tesfa27/task-board:frontend-latest
     build:
       context: ./frontend
       args:

frontend/Dockerfile

@@ -1,23 +1,13 @@
-# Step 1: Use the official Node.js image
-FROM node:18 AS build
+FROM node:18-alpine AS build
 
-# Step 2: Set working directory inside the container
 WORKDIR /app
 
-# Step 3: Copy package.json and package-lock.json
 COPY package*.json ./
+RUN npm ci --only=production
 
-# Step 4: Install dependencies
-RUN npm install
-
-# Step 5: Copy the rest of the app's source code
 COPY . .
-
-# Step 6: Pass Vite env at build time
 ARG VITE_API_BASE_URL=
 ENV VITE_API_BASE_URL=$VITE_API_BASE_URL
-
-# Step 7: Build the React app for production
 RUN npm run build
 
 # Step 8: Use Nginx to serve the built app
@@ -27,5 +17,4 @@ COPY --from=build /app/dist /usr/share/nginx/html
 COPY nginx.conf /etc/nginx/nginx.conf
 
 EXPOSE 80
-
 CMD ["nginx", "-g", "daemon off;"]