Merge pull request #5 from globocom/add-build-stage

Add build stage into circleCI and build container instructions into Makefile

.circleci/config.yml

@@ -9,4 +9,10 @@ jobs:
       - run:
           name: "Check security using Yarn Audit"
           command: |
-            make check-sec
+            make check-sec
+      - run:
+          name: "Build files"
+          command: |
+            yarn global add react-scripts
+            yarn install
+            make build

Dockerfile

@@ -0,0 +1,13 @@
+# Stage 1 - the build process
+FROM node as build-deps
+WORKDIR /usr/src/app
+COPY package.json yarn.lock ./
+RUN yarn
+COPY . ./
+RUN yarn build
+
+# Stage 2 - the production environment
+FROM nginx:1.12-alpine
+COPY --from=build-deps /usr/src/app/build /usr/share/nginx/html
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

Makefile

@@ -13,6 +13,10 @@ PROJECT := huskyCI-dashboard
 install:
 	yarn install
 
+## Builds static files from react app.
+build:
+	yarn build
+
 ## Runs locally using start command.
 run:
 	yarn start
@@ -25,6 +29,17 @@ check-sec:
 test: 
 	yarn test
 
+## Creates a container image based on most recent dashboard code
+build-container: 
+	docker build . -t huskyci/dashboard
+
+## Starts huskyci/dashboard container
+start-container: 
+	docker run -p 8080:80 huskyci/dashboard
+
+## Builds and starts dashboard add using huskyci/dashboard container
+run-container: build-container start-container
+
 ## Shows this help message.
 help:
 	printf "\n${COLOR_YELLOW}${PROJECT}\n------\n${COLOR_RESET}"