open-webui - compose-dev.yaml

compose-dev.yaml

name: open-webui-dev

services:
  frontend:
    build:
      context: .
      target: build
    command: ["npm", "run", "dev"]
    depends_on:
      - backend
    extra_hosts:
      - host.docker.internal:host-gateway
    ports:
      - "5173:5173"
    develop:
      watch:
        - action: sync
          path: ./src
          target: /app/src


  backend:
    build:
      context: .
      target: base
    command: ["bash", "dev.sh"]
    env_file: ".env"
    environment:
      - ENV=dev
      - WEBUI_AUTH=False
    volumes:
      - data:/app/backend/data
    extra_hosts:
      - host.docker.internal:host-gateway
    ports:
      - "8080:8080"
    restart: always
    develop:
      watch:
        - action: sync
          path: ./backend
          target: /app/backend
    

volumes:
  data: {}

ref:
https://docs.openwebui.com/getting-started/development/
https://docs.docker.com/compose/how-tos/file-watch/

commands:
# to run front end - access at localhost:5173
docker compose -f compose-dev.yaml frontend up --watch 

# to run backend and frontend together, access at localhost:8080
docker compose -f compose-dev.yaml up --watch