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}"