Staged ui build

ui/.dockerignore

@@ -0,0 +1 @@
+node_modules

ui/Dockerfile.prod

@@ -0,0 +1,17 @@
+# stage1 - build react app first 
+FROM node:14.16.0-alpine3.10 as build
+WORKDIR /app_ui
+ENV PATH /app/node_modules/.bin:$PATH
+COPY ./package.json /app_ui/
+COPY ./yarn.lock /app_ui/
+RUN yarn
+COPY . /app_ui
+RUN yarn build
+
+# stage 2 - build the final image and copy the react build files
+FROM nginx:1.18.0-alpine
+COPY --from=build /app_ui/build /usr/share/nginx/html
+RUN rm /etc/nginx/conf.d/default.conf
+COPY nginx/nginx.conf /etc/nginx/conf.d
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

ui/nginx/nginx.conf

@@ -0,0 +1,18 @@
+server {
+    listen 80;
+
+    location / {
+        root    /usr/share/nginx/html;
+        index   /index.html index.htm;
+
+        # to redirect all the requests to index.html, useful when using react-router
+
+        try_files $uri /index.html;
+    }
+
+    error_page      500 502 503 504 /50x.html;
+
+    location = /50x.html {
+        root    /usr/share/nginx/html;
+    }
+}