Merge pull request 'Split dev container into multiple containers' (#45) from microservices-dev into master

Reviewed-on: #45

Taskfile.yml

@@ -93,9 +93,9 @@ tasks:
   dev-docker:
     desc: Build budgeeter:dev
     sources:
-      - ./docker/Dockerfile
-      - ./docker/build.sh
+      - ./docker/Dockerfile.dev
       - ./web/package.json
+      - ./web/yarn.lock
     cmds:
       - docker build -t {{.IMAGE_NAME}}:dev . -f docker/Dockerfile.dev
       - docker push {{.IMAGE_NAME}}:dev

docker/Dockerfile.dev

@@ -5,13 +5,11 @@ RUN go install github.com/go-task/task/v3/cmd/task@latest
 RUN go install github.com/golangci/golangci-lint/cmd/golangci-lint@latest
 
 FROM alpine
-RUN apk --no-cache add go nodejs yarn bash curl git git-perl tmux
-ADD docker/dev.sh /
+RUN apk --no-cache add go nodejs yarn bash curl git git-perl
 RUN yarn global add @vue/cli
 ENV PATH="/root/.yarn/bin/:${PATH}"
 WORKDIR /src/web
 ADD web/package.json web/yarn.lock /src/web/
 RUN yarn
 WORKDIR /src
-COPY --from=godeps /root/go/bin/task /root/go/bin/sqlc /root/go/bin/golangci-lint /usr/local/bin/
-CMD /dev.sh
+COPY --from=godeps /root/go/bin/task /root/go/bin/sqlc /root/go/bin/golangci-lint /usr/local/bin/

docker/docker-compose.dev.yml

@@ -1,18 +1,17 @@
 version: '3.7'
 
 services:
-        app:
+        backend:
                 image: hub.javil.eu/budgeteer:dev
                 container_name: budgeteer
+                command: task -w run
                 stdin_open: true # docker run -i
                 tty: true        # docker run -t
                 ports:
                         - 1323:1323
-                        - 3000:3000
                 user: '1000' 
                 volumes:
                         - ~/budgeteer:/src
-                        - ~/.gitconfig:/.gitconfig
                         - ~/.go:/go
                         - ~/.cache:/.cache
                 environment:
@@ -21,6 +20,21 @@ services:
                 depends_on:
                         - db
 
+        frontend:
+                image: hub.javil.eu/budgeteer:dev
+                container_name: budgeteer_frontend
+                command: bash -c "cd web; yarn run dev"
+                stdin_open: true # docker run -i
+                tty: true        # docker run -t
+                ports:
+                        - 3000:3000
+                user: '1000' 
+                volumes:
+                        - ~/budgeteer:/src
+                        - ~/.cache:/.cache
+                depends_on:
+                        - backend
+
         db:
                 image: postgres:14
                 ports:

web/vite.config.js

@@ -19,7 +19,7 @@ export default defineConfig({
         host: "0.0.0.0",
         proxy: {
             "/api": {
-                target: "http://10.0.0.162:1323/",
+                target: "http://backend:1323/",
                 changeOrigin: true,
             },
         },