chore: フロントエンドのDocker Compose環境の構築

Caddyfile

@@ -0,0 +1,31 @@
+{
+    admin off
+    auto_https off
+}
+
+ui.localhost:80 {
+    handle /api/v1/* {
+        reverse_proxy backend:1323
+    }
+    handle {
+        reverse_proxy ui:80
+    }
+}
+
+dashboard.localhost:80 {
+    handle /api/v1/* {
+        reverse_proxy backend:1323
+    }
+    handle {
+        reverse_proxy dashboard:80
+    }
+}
+
+localhost:80 {
+    handle /api/v1/* {
+        reverse_proxy backend:1323
+    }
+    handle {
+        reverse_proxy ui:80
+    }
+}

compose.yaml

@@ -1,4 +1,14 @@
 services:
+  caddy:
+    image: caddy:latest
+    restart: unless-stopped
+    ports:
+      - "3000:80"
+    volumes:
+      - ./Caddyfile:/etc/caddy/Caddyfile
+      - caddy_data:/data
+      - caddy_config:/config
+
   backend:
     build: ./
     restart: always
@@ -19,6 +29,22 @@ services:
         - action: rebuild
           path: ./
 
+  ui:
+    image: ghcr.io/traptitech/traportfolio-ui:main
+    restart: always
+    expose:
+      - "80"
+    depends_on:
+      - backend
+
+  dashboard:
+    image: ghcr.io/traptitech/traportfolio-dashboard:main
+    restart: always
+    expose:
+      - "80"
+    depends_on:
+      - backend
+
   mysql:
     image: mariadb:10.6.4
     restart: always
@@ -45,3 +71,7 @@ services:
       ADMINER_DESIGN: pepa-linha
     ports:
       - "3001:8080"
+
+volumes:
+  caddy_data:
+  caddy_config: