Hot reload ui

docker-compose.yml

@@ -45,8 +45,6 @@ services:
       - ${UI_PORT}:3000
     build:
       context: ui
-      target: dev
-    command: npm run dev
     depends_on:
       - service
     networks:

ui/Dockerfile

@@ -27,6 +27,7 @@ WORKDIR /app
 RUN addgroup --system --gid 1001 nodejs && adduser --system --uid 1001 nextjs
 COPY --from=builder /app/next.config.js ./
 COPY --from=builder /app/public ./public
+COPY --from=builder /app/package.json ./package.json
 COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
 COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
 

ui/docker-compose.yml

@@ -0,0 +1,26 @@
+version: '3'
+
+name: weather
+services:
+  ui:
+    container_name: weather-ui
+    env_file:
+      - .env
+    environment:
+      - NODE_ENV=${NODE_ENV:-development}
+    ports:
+      - ${UI_PORT:-8080}:3000
+    build:
+      context: ./
+      target: dev
+    command: "npm run dev"
+    volumes:
+      - ./src:/app/src
+      - ./public:/app/public
+      - ./styles:/app/styles
+    networks:
+      - weather-frontend
+    restart: unless-stopped
+
+networks:
+  weather-frontend: {}