Development docker compose environment

docker-compose.yml

version: "3.8"

services:
  webapp:
    image: node:lts-alpine # always using the same image - no building, less space taken
    working_dir: /usr/app/webapp
    volumes:
      - "./webapp/package.json:/usr/app/webapp/package.json"
      - "./webapp/yarn.lock:/usr/app/webapp/yarn.lock"
      - "./webapp/tsconfig.json:/usr/app/webapp/tsconfig.json"
      - "./webapp/tsconfig-paths.json:/usr/app/webapp/tsconfig-paths.json"
      - "./webapp/craco.config.js:/usr/app/webapp/craco.config.js"
      - "./webapp/src:/usr/app/webapp/src"
      - "./webapp/public:/usr/app/webapp/public"
      - "webapp_node_modules:/usr/app/webapp/node_modules"
    working_dir: /usr/app/webapp
    command: sh -c "yarn && yarn start" # can do whatever command you like
    ports:
      - "3000:3000" # it's dev env, so we can setup ports
    depends_on:
      - backend
    env_file:
      - .env

  backend:
    image: node:lts-alpine
    volumes:
      - "./backend/package.json:/usr/app/backend/package.json"
      - "./backend/package-lock.json:/usr/app/backend/package-lock.json"
      - "./backend/tsconfig.json:/usr/app/backend/tsconfig.json"
      - "./backend/tsconfig.build.json:/usr/app/backend/tsconfig.build.json"
      - "./backend/src:/usr/app/backend/src"
      - "backend_node_modules:/usr/app/backend/node_modules"
    working_dir: /usr/app/backend
    command: sh -c "npm install && npm run start:dev"
    ports:
      - "4000:4000"
    depends_on:
      - db
      - redis
    env_file:
      - .env

  db:
    image: postgres:12-alpine
    env_file:
      - .env

  redis:
    image: redis:6-alpine
    env_file:
      - .env

volumes: # virtual volumes for node_modules 
  webapp_node_modules:
  backend_node_modules: