frontend/Dockerfile.prod

@@ -1,5 +1,4 @@
-FROM node:latest as builder
-
+FROM node:latest as build
 WORKDIR /app
 ENV PATH /app/node_modules/.bin:$PATH
 COPY package.json ./
@@ -7,3 +6,10 @@ COPY package-lock.json ./
 RUN npm ci --silent
 COPY . ./
 RUN npm run build
+
+FROM nginx:latest
+COPY --from=build /app/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;"]

frontend/nginx/nginx.conf

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