checkpoint managed to add docker file and to build and run the container

!

Author: openmindednewby

Dockerfile

@@ -0,0 +1,19 @@
+# Stage 1: Build the Ionic app
+FROM node:18 AS build
+LABEL author="Jimmy Walker"
+WORKDIR /app
+COPY package.json package-lock.json ./
+RUN npm config set legacy-peer-deps true
+RUN npm install
+COPY . .
+RUN npm run build --prod
+
+# Stage 2: Serve the app with Nginx
+FROM nginx:alpine
+COPY --from=build /app/www /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]
+
+# Stage 3 docker build -t ionic-example-app .
+# Stage 4 docker run -dp 4299:80 --name ionicExampleApp -network=internal-docker --ip=172.18.0.3 ionic-example-app

nginx.conf

@@ -0,0 +1,35 @@
+# Set the default MIME type for unrecognized files to binary.
+#default_type application/octet-stream;
+
+# Enable gzip compression to reduce transferred data size and improve performance.
+gzip                    on;
+gzip_comp_level         6;               # Set compression level.
+gzip_vary               on;              # Add "Vary: Accept-Encoding" header.
+gzip_min_length         1000;            # Minimum length for compression.
+gzip_proxied            any;             # Enable compression for proxied requests.
+gzip_types              text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;
+                                         # Specify types of content to compress.
+gzip_buffers            16 8k;           # Set gzip buffer size.
+
+# Set the maximum allowed size for the client request body.
+client_max_body_size    256M;
+
+# Set the root directory from which Nginx will serve files.
+root /usr/share/nginx/html;
+
+# Define the server block to handle incoming requests.
+server {
+    # Listen for incoming connections on all available IPv4 and IPv6 addresses on port 80.
+    listen 0.0.0.0:80;
+    listen [::]:80;
+    
+    server_name localhost;
+
+    root /usr/share/nginx/html;
+    index index.html;
+    # Define how Nginx should handle requests for the root path ("/").
+    location / {
+        root /usr/share/nginx/html/browser;
+        try_files $uri $uri/ /index.html =404;  # Try to serve requested URI, directory index, or fallback to index.html. Return 404 if none succeed.
+    }
+}