using docker-compose as builder

.drone.yml

@@ -58,12 +58,12 @@ steps:
       script_stop: true
       script:
         - mkdir -p $${BUILD_PATH}/${DRONE_BRANCH}
+        - rm -rf $${BUILD_PATH}/${DRONE_BRANCH}/*
         - cd $${BUILD_PATH}/${DRONE_BRANCH}
-        - rm -rf ./dist
         - tar -xjf /tmp/vault-frontend-${DRONE_BRANCH}/app.tar.bz2 -C ./
         - cp -a $${ENV_PATH}/${DRONE_BRANCH}/. $${BUILD_PATH}/${DRONE_BRANCH}
-        - yarn
-        - yarn build
+        - docker-compose build
+        - docker-compose up -d
   - name: telgram_notify
     image: appleboy/drone-telegram
     when:
@@ -79,4 +79,6 @@ steps:
       message: >
         {{#success build.status}}🤓{{else}}😨{{/success}}
         {{ datetime build.finished "01.02.2006 15:04:05" "UTC" }} [{{repo.name}} / {{commit.branch}}]({{ build.link }})
-        ```{{ commit.message }}```
+        ```
+        {{ commit.message }}
+        ```

docker-compose.yml

@@ -0,0 +1,11 @@
+version: '3'
+services:
+  app:
+    restart: always
+    build:
+      context: .
+      dockerfile: docker/app/Dockerfile
+    ports:
+      - ${EXPOSE}:80
+    volumes:
+      - /etc/localtime:/etc/localtime:ro

docker/app/Dockerfile

@@ -0,0 +1,13 @@
+# stage1 as builder
+FROM node:10.13 as builder
+COPY package.json yarn.lock ./
+RUN yarn
+COPY . .
+RUN yarn build
+
+FROM nginx:alpine
+COPY docker/app/nginx.conf /etc/nginx/nginx.conf
+RUN rm -rf /usr/share/nginx/html/*
+COPY --from=builder /dist /usr/share/nginx/html
+EXPOSE ${EXPOSE} 80
+ENTRYPOINT ["nginx", "-g", "daemon off;"]

docker/app/nginx.conf

@@ -0,0 +1,16 @@
+worker_processes 4;
+
+events { worker_connections 1024; }
+
+http {
+    server {
+        listen 80;
+        root  /usr/share/nginx/html;
+        include /etc/nginx/mime.types;
+
+        location / {
+            try_files $uri /index.html;
+        }
+    }
+}
+