Add production docker running on nginx (#3395)

.dockerignore

@@ -4,3 +4,4 @@
 .DS_Store
 **/.idea
 **/dist
+*Dockerfile*

.env.example

@@ -1,4 +1,8 @@
+# Define environment
+REACT_APP_ENV=
+
 # For all environments
+REACT_APP_GATEWAY_URL=
 REACT_APP_GOOGLE_ANALYTICS=
 REACT_APP_INFURA_TOKEN=
 REACT_APP_IPFS_GATEWAY=https://ipfs.io/ipfs

docker/nginx.conf

@@ -0,0 +1,18 @@
+server {
+  listen 80;
+
+  location / {
+    root /usr/share/nginx/html;
+    try_files $uri /index.html;
+    index index.html index.htm;
+  }
+
+  location ^~ /app {
+    alias /usr/share/nginx/html;
+    try_files $uri /index.html;
+    index index.html index.htm;
+  }
+
+
+  include /etc/nginx/extra-conf.d/*.conf;
+}

prod.Dockerfile

@@ -0,0 +1,29 @@
+FROM node:14 as react-build-step
+
+# Grab needed environment variables from .env.example
+ENV REACT_APP_ENV=production
+
+RUN apt-get update \
+    && apt-get install -y libusb-1.0-0 libusb-1.0-0-dev libudev-dev \
+    && rm -rf /var/lib/apt/lists/*
+
+WORKDIR /app
+
+COPY package.json yarn.lock .
+COPY src/logic/contracts/artifacts ./src/logic/contracts/artifacts
+
+RUN yarn install
+
+COPY . .
+
+RUN yarn build
+
+# Deploy the build
+FROM nginx:1-alpine
+
+COPY ./docker/nginx.conf /etc/nginx/conf.d/default.conf
+COPY --from=react-build-step /app/build /usr/share/nginx/html/
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]