added compose.dev and changed base image to debian

Author: commit111

samples/react/app/Dockerfile

@@ -1,5 +1,30 @@
+# DEVELOPMENT MODE
+# Use slim version of Node.js v20 on Debian Bookworm as base image
+FROM node:20-bookworm-slim as dev
+
+# Set working directory to /app
+WORKDIR /app
+
+# Copy package files
+COPY package*.json ./
+
+# Install dependencies
+RUN npm ci
+
+# Copy rest of the applicationn code
+COPY . .
+
+# Expose port 5173
+EXPOSE 5173
+
+# Command to start the app
+CMD ["npm", "run", "dev"]
+
+
+
+# PRODUCTION MODE
 # Build stage
-FROM node:18-alpine as build
+FROM node:20-bookworm-slim as build
 
 # Set working directory to /app
 WORKDIR /app
@@ -17,7 +42,7 @@ COPY . .
 RUN npm run build
 
 # Production stage
-FROM nginx:stable-alpine
+FROM nginx:stable
 
 # Copy the build output from the build stage
 COPY --from=build /app/dist /usr/share/nginx/html
@@ -29,4 +54,4 @@ COPY nginx.conf /etc/nginx/conf.d/default.conf
 EXPOSE 5173
 
 # Start Nginx
-CMD ["nginx", "-g", "daemon off;"]
+CMD ["nginx", "-g", "daemon off;"]

samples/react/app/vite.config.js

@@ -4,4 +4,8 @@ import react from '@vitejs/plugin-react'
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  server: {
+    host: '0.0.0.0',
+    port: 5173,
+  },
 })

samples/react/compose.dev.yaml

@@ -0,0 +1,13 @@
+services:
+  app:
+    extends:
+      file: compose.yaml
+      service: app
+    build:
+      target: dev
+    volumes:
+      - ./app:/app
+      - /app/node_modules
+    command: npm run dev 
+
+

samples/react/compose.yaml

@@ -15,4 +15,4 @@ services:
         reservations:
           memory: 512M
     healthcheck:
-      test: ["CMD", "wget", "-q", "--spider", "http://localhost:5173/"]
+      test: ["CMD", "curl", "-f", "http://localhost:5173/"]