Merge pull request #3 from datascience/feature/UI-conflicts

Prepare the prod build

docker-compose.dev.yaml

@@ -32,7 +32,7 @@ services:
   web:
     build:
       context: .
-      dockerfile: ./web/Dockerfile
+      dockerfile: ./web/Dockerfile.dev
     container_name: web
     env_file: .env
     networks:

web/Dockerfile

@@ -1,13 +1,23 @@
-FROM node:14.5.0-stretch-slim
+FROM node:14.5.0-stretch-slim  as build
 
 
 
 WORKDIR /app
-COPY ./web/frontend ./
 
-RUN npm install
+ENV PATH /app/node_modules/.bin:$PATH
+COPY ./web/frontend/package.json ./
+COPY ./web/frontend/package-lock.json ./
+
+RUN npm ci
+RUN npm install [email protected] -g
+
+COPY ./web/frontend ./
 RUN npm run build
 
+
+FROM nginx:stable-alpine-slim
+COPY --from=build /app/build /usr/share/nginx/html
+COPY ./web/nginx/nginx.conf /etc/nginx/conf.d/default.conf
 EXPOSE 3000
-CMD ["npm", "start"]
+CMD ["nginx", "-g", "daemon off;"]
 

web/Dockerfile.dev

@@ -0,0 +1,13 @@
+FROM node:14.5.0-stretch-slim
+
+
+
+WORKDIR /app
+COPY ./web/frontend ./
+
+RUN npm install
+RUN npm run build
+
+EXPOSE 3000
+CMD ["npm", "start"]
+

web/nginx/nginx.conf

@@ -0,0 +1,17 @@
+server {
+
+  listen 3000;
+
+  location / {
+    root   /usr/share/nginx/html;
+    index  index.html index.htm;
+    try_files $uri $uri/ /index.html;
+  }
+
+  error_page   500 502 503 504  /50x.html;
+
+  location = /50x.html {
+    root   /usr/share/nginx/html;
+  }
+
+}