add docker-compose-dev.yml

Author: nadav867

client/.dockerignore

@@ -1,3 +1,3 @@
 node_modules
 npm-debug
-build
+.git

client/Dockerfile.dev

@@ -0,0 +1,9 @@
+FROM node:12-alpine
+
+WORKDIR /app
+COPY . /app
+
+RUN npm install --silent
+
+EXPOSE 3000
+CMD ["npm","start"]

client/package.json

@@ -19,7 +19,7 @@
     "react-scripts": "3.4.1",
     "typescript": "^3.7.5"
   },
-  "proxy": "http://localhost:5500",
+  "proxy": "http://server:5500",
   "scripts": {
     "start": "react-scripts start",
     "build": "react-scripts build",

docker-compose-dev.yml

@@ -0,0 +1,37 @@
+version: '3'
+services:
+  server:
+    build:
+      context: ./server
+      dockerfile: Dockerfile.dev
+    networks:
+      - webapp
+    ports:
+      - 5500:5500
+    env_file: ./server/.env
+    volumes:
+      - ./server/src:/app/src
+    restart: always
+    command: nodemon
+    container_name: server
+  client:
+    build:
+      context: ./client
+      dockerfile: Dockerfile.dev
+    env_file: ./client/.env
+    volumes:
+      - ./client/src:/app/src
+      - ./client/public:/app/public
+    networks:
+      - webapp
+    ports:
+      - 8080:3000
+    command: npm start
+    links:
+      - server
+    stdin_open: true
+    container_name: client
+
+networks:
+  webapp:
+    driver: bridge

docker-compose.yml

@@ -1,16 +1,22 @@
 version: '3'
 services:
   server:
-    build: ./server
+    build:
+      context: ./server
+      dockerfile: Dockerfile
     networks:
       - webapp
     container_name: server
   client:
-    build: ./client
+    build:
+      context: ./client
+      dockerfile: Dockerfile
     networks:
       - webapp
     ports:
       - '80:80'
+    links:
+      - server
     container_name: client
 
 networks:

server/.dockerignore

@@ -1,4 +1,3 @@
 node_modules
 .git
 npm-debug
-build

server/Dockerfile.dev

@@ -0,0 +1,11 @@
+FROM node:12-alpine
+
+WORKDIR /app
+COPY . /app
+
+RUN npm install -g nodemon --silent
+RUN npm install --silent
+
+EXPOSE 5500
+
+CMD ["nodemon"]

server/config/nodemon.json

@@ -3,18 +3,16 @@
     "baseUrl": "./",
     "emitDecoratorMetadata": true,
     "esModuleInterop": true,
-    "experimentalDecorators": true,
     "allowSyntheticDefaultImports": true,
+    "experimentalDecorators": true,
     "importHelpers": true,
     "module": "commonjs",
-    "outDir": "../build",
     "removeComments": true,
     "sourceMap": true,
     "strict": true,
     "target": "es5",
     "moduleResolution": "node",
     "types": ["node"],
     "typeRoots": ["node_modules/@types"]
-  },
-  "exclude": ["."]
+  }
 }

server/config/tsconfig.json

@@ -1,10 +1,10 @@
 {
   "extends": "./tsconfig.json",
   "compilerOptions": {
-    "rootDir": "../",
+    "rootDir": "../src",
     "outDir": "../build",
     "removeComments": true
   },
-  "include": ["../**/*"],
+  "include": ["../src/**/*"],
   "exclude": ["."]
 }