Building, and serving web UI via NGINX

Dockerfile

-FROM node:alpine
-MAINTAINER John Sparger
+# build CCCE Frontend
+FROM node:14.15.4 as builder
+RUN mkdir /usr/src/app
+WORKDIR /usr/src/app
+ENV PATH /usr/src/app/node_modules/.bin:$PATH
+COPY package.json /usr/src/app/
+RUN npm install
+RUN npm install react-scripts@4.0.1 -g
+COPY . /usr/src/app
+ENV PUBLIC_URL "/"
+ENV REACT_APP_LOGIN_METHOD "STD"
+RUN npm run build
 
-RUN mkdir /web
-WORKDIR /web
+# production environment
+FROM nginx:1.19.6-alpine
+RUN rm -rf /etc/nginx/conf.d 
+RUN mkdir /etc/nginx/conf.d
+COPY docker/default.conf /etc/nginx/conf.d
+COPY --from=builder /usr/src/app/build /usr/share/nginx/html/
 EXPOSE 8080
-CMD PORT=8080 /usr/local/bin/npm start
+CMD ["nginx", "-g", "daemon off;"]
\ No newline at end of file

docker/default.conf

+server {
+  listen 8080;
+  location / {
+    root   /usr/share/nginx/html;
+    index  index.html;
+    try_files $uri $uri/ /index.html;
+  }
+}
\ No newline at end of file