Merge pull request foyzulkarim#73 from foyzulkarim/feature/dockerize-app

Dockerize the project and run everything inside of docker

client/.dockerignore

@@ -0,0 +1,2 @@
+node_modules
+build

client/.env.template

@@ -0,0 +1,2 @@
+REACT_APP_API_SERVER='https://www.google.com'
+REACT_APP_VIDEO_SERVER='https://www.amazon.com'

client/Dockerfile

@@ -0,0 +1,14 @@
+# Stage 1
+FROM node:18-alpine as builder
+ARG REACT_APP_API_SERVER
+ARG REACT_APP_VIDEO_SERVER
+RUN echo "REACT_APP_VIDEO_SERVER is set to $REACT_APP_VIDEO_SERVER"
+
+WORKDIR /app
+COPY . .
+RUN yarn
+ENV REACT_APP_API_SERVER=$REACT_APP_API_SERVER
+ENV REACT_APP_VIDEO_SERVER=$REACT_APP_VIDEO_SERVER
+RUN yarn build
+EXPOSE 3000
+CMD [ "npx", "serve", "build" ]

client/docker-compose.yml

@@ -0,0 +1,14 @@
+version: "3"
+
+services:
+  client:
+    container_name: client-app
+    image: docker-mern-video-streaming-client
+    build:
+      context: .
+      dockerfile: Dockerfile
+      args:
+        - REACT_APP_API_SERVER=${REACT_APP_API_SERVER}
+        - REACT_APP_VIDEO_SERVER=${REACT_APP_VIDEO_SERVER}
+    ports:
+      - 3000:3000

client/package.json

@@ -14,7 +14,9 @@
     "lint:fix": "eslint --fix --ext .js,.jsx ./src",
     "clear-all": "rm -rf build node_modules",
     "re-start": "rm -rf build node_modules && yarn install && yarn start",
-    "re-build": "rm -rf build node_modules && yarn install && yarn build"
+    "re-build": "rm -rf build node_modules && yarn install && yarn build",
+    "docker-build": "docker-compose build --build-arg REACT_APP_VIDEO_SERVER=http://localhost:4001  --build-arg REACT_APP_API_SERVER=http://localhost:4000",
+    "docker": "docker-compose up"
   },
   "eslintConfig": {
     "extends": [

client/src/constants.js

@@ -1,2 +1,2 @@
-export const API_SERVER = "http://localhost:4000";
-export const VIDEO_SERVER = "http://localhost:4001";
+export const API_SERVER = process.env.REACT_APP_API_SERVER || "http://localhost:4000";
+export const VIDEO_SERVER = process.env.REACT_APP_VIDEO_SERVER || "http://localhost:4001";

server/.dockerignore

@@ -0,0 +1 @@
+node_modules

server/Dockerfile

@@ -0,0 +1,8 @@
+FROM node:18-alpine
+WORKDIR /app
+ADD package*.json ./
+RUN npm install
+COPY . .
+EXPOSE 4000
+EXPOSE 4001
+CMD [ "npm", "start"]

server/docker-compose.yml

@@ -4,3 +4,32 @@ services:
     image: redis
     ports:
       - 6379:6379
+    networks:
+      - backend
+  mongo:
+    image: mongo
+    ports:
+      - 27017:27017
+    networks:
+      - backend
+  api:
+    image: app
+    build: .
+    volumes:
+      - ./src:/app/src
+      - ./uploads:/app/uploads
+    depends_on:
+      - mongo
+      - redis
+    networks:
+      - backend
+    ports:
+      - "4000:4000"
+      - "4001:4001"
+    environment:
+      - MONGODB_URL=mongodb://mongo:27017
+      - REDIS_SERVER=redis
+      - SERVER_URL=http://localhost:4000
+networks:
+  backend:
+    driver: bridge