services:
  #######################################################
  # FRONTEND ############################################
  #######################################################
  frontend:
    # name the image so that it cannot be found in a DockerHub repository, otherwise it will not be built locally from the 'dockerfile' but pulled from there
    image: it4c/frontend:local-development
    build:
      target: development
    ports:
      # development server port
      - 24678:24678
    environment:
      - NODE_ENV=development
    volumes:
      # This makes sure the docker container has its own node modules.
      # Therefore it is possible to have a different node version on the host machine
      - frontend_node_modules:/app/node_modules
      # bind the local folder to the docker to allow live reload
      - ./:/app

  #######################################################
  # STORYBOOK ###########################################
  #######################################################
  storybook:
    # name the image so that it cannot be found in a DockerHub repository, otherwise it will not be built locally from the 'dockerfile' but pulled from there
    image: it4c/frontend:local-storybook
    build:
      target: storybook
    ports:
      - 6006:6006
    environment:
      - NODE_ENV=development
    volumes:
      # This makes sure the docker container has its own node modules.
      # Therefore it is possible to have a different node version on the host machine
      - storybook_node_modules:/app/node_modules
      # bind the local folder to the docker to allow live reload
      - ./:/app

  #######################################################
  # DOCUMENTATION #######################################
  #######################################################
  documentation:
    # name the image so that it cannot be found in a DockerHub repository, otherwise it will not be built locally from the 'dockerfile' but pulled from there
    image: it4c/frontend:local-documentation
    build:
      target: documentation
    ports:
      - 8080:8080
    environment:
      - NODE_ENV=development
    volumes:
      # This makes sure the docker container has its own node modules.
      # Therefore it is possible to have a different node version on the host machine
      - documentation_node_modules:/app/node_modules
      # bind the local folder to the docker to allow live reload
      - ./:/app

volumes:
  frontend_node_modules:
  storybook_node_modules:
  documentation_node_modules: