Containerize

.dockerignore

@@ -0,0 +1,3 @@
+.github
+.git
+node_modules

.github/workflows/docker-frontend-ci.yml

@@ -0,0 +1,37 @@
+name: donut-client-image-ci
+
+on:
+  push:
+    branches:
+      - development
+
+    tags:
+      - v*
+
+env:
+  IMAGE_NAME: donut-client:latest
+  REPO_NAME: codeuino1
+  REGISTRY_NAME: registry.hub.docker.com
+
+jobs:
+  push:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+
+      - name: Build image
+        run: docker build . --file Dockerfile.prod --tag $IMAGE_NAME
+
+      - name: Log into registry
+        run: echo "{{ secrets.DOCKER_PASSWORD }}" | docker login -u {{ secrets.DOCKER_USERNAME }} --password-stdin
+
+      - name: Push image
+        run: |
+          IMAGE_ID=$REGISTRY_NAME/$REPO_NAME/$IMAGE_NAME
+          [[ "${{ github.ref }}" == "refs/tags/"* ]] && VERSION=$(echo $VERSION | sed -e 's/^v//')
+          echo IMAGE_ID=$IMAGE_ID
+          echo VERSION=$VERSION
+          docker tag $IMAGE_NAME $IMAGE_ID:$VERSION
+          docker push $IMAGE_ID:$VERSION
+          docker tag $IMAGE_NAME $IMAGE_ID:latest
+          docker push $IMAGE_ID:$VERSION

Dockerfile.dev

@@ -0,0 +1,19 @@
+FROM node:14
+
+# Copy package.json file into container
+COPY package.json package.json
+COPY package-lock.json package-lock.json
+
+# Install node modules
+RUN npm install && \
+    npm install --only=dev && \
+    npm cache clean --force --loglevel=error
+
+# Volume to mount source code into container
+VOLUME [ "/client" ]
+
+# move to the source code directory
+WORKDIR /client
+
+# Start the client
+CMD mv ../node_modules . && npm run-script start

Dockerfile.prod

@@ -0,0 +1,21 @@
+FROM node:14 as builder
+
+WORKDIR /server
+
+RUN git clone https://github.com/codeuino/social-platform-donut-frontend.git
+
+WORKDIR /server/social-platform-donut-frontend
+
+RUN npm install && \
+    npm cache clean --force --loglevel=error
+
+RUN npm run-script build
+
+#------------------------------ Production
+FROM nginx:alpine as production
+
+# copy static files
+COPY --from=builder /server/social-platform-donut-frontend/build /usr/share/nginx/html
+
+# Expose ports
+EXPOSE 80

docker-compose.dev.yml

@@ -0,0 +1,16 @@
+version: "3"
+services:
+  client:
+    container_name: client
+    restart: always
+    expose: 
+      - "3000"
+    build:
+      context: .
+      dockerfile: Dockerfile.dev
+    volumes:
+      - ./:/client
+    ports:
+      - "3000:3000"
+    stdin_open: true
+    tty: true  

docker-compose.prod.yml

@@ -0,0 +1,14 @@
+version: "3"
+services:
+  client:
+    container_name: client-production
+    restart: always
+    expose: 
+      - "80"
+    build:
+      context: .
+      dockerfile: Dockerfile.prod
+    volumes:
+      - ./:/client
+    ports:
+      - "80:80"