docker setup and usage

README.md

@@ -41,3 +41,21 @@ npm test
 ```
 
 For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).
+
+### docker
+
+```
+. .env
+docker build -t $DOCKER_IMAGE .
+```
+
+Then use docker
+```
+ docker run -p $PORT:$PORT -e API_URL=$API_URL -e PORT=$PORT -ti cncf-ci-dashboard
+```
+
+or docker-compose
+
+```
+. .env ; docker-compose -p Frontend up 
+```

docker-compose.yml

@@ -0,0 +1,32 @@
+version: '2'
+# networks:
+#   default:
+#     external:
+#       name: nginx-proxy
+
+services:
+  # nginx-proxy:
+  #   image: jwilder/nginx-proxy
+  #   container_name: nginx-proxy
+  #   ports:
+  #     - "80:80"
+  #   volumes:
+  #     - ../volumes/certs/:/etc/nginx/certs:ro # Cerificares for all Required Domains must be in this Directory
+  #     - /etc/nginx/vhost.d
+  #     - /usr/share/nginx/html
+  #     - /var/run/docker.sock:/tmp/docker.sock:ro
+
+  frontend:
+    image: "${DOCKER_IMAGE}:${DOCKER_TAG}" 
+    container_name: frontend
+
+    environment:
+      # VIRTUAL_HOST: api.dev.cncf.ci
+      # VIRTUAL_PORT: 80
+      # VIRTUAL_PROTO: http
+      API_URL: "${API_URL}"
+      NODE_PORT: 8080
+      NODE_HOST: 0.0.0.0
+    ports:
+      - "${PORT}:8080"
+

entrypoint.sh

@@ -3,4 +3,4 @@
 cd /dashboard
 ./bin/create_env_js
 
-HOST=0.0.0.0 PORT=8080 npm run dev
+HOST=$NODE_HOST PORT=$NODE_PORT npm run dev