add a Docker development setup for Vue

docker-compose-development.yml

@@ -24,10 +24,12 @@ services:
       - db
 
   frontend:
-    build: frontend/.
+    build:
+      context: frontend/.
+      dockerfile: Dockerfile-dev
     depends_on:
       - backend
     ports:
-      - 80:80
+      - 3000:3000
     volumes:
-      - ./backend/static:/home/app/backend/static
+      - ./frontend:/usr/src/app/frontend

docker-compose.yml

@@ -1,8 +1,5 @@
 version: '3'
 
-volumes:
-  db_data:
-
 services:
   db:
     image: postgres
@@ -10,7 +7,7 @@ services:
       - POSTGRES_DB
       - POSTGRES_PASSWORD
     volumes:
-      - db_data:/var/lib/postgresql/data/
+      - ./db_data:/var/lib/postgresql/data/
 
   backend:
     build: backend/.

frontend/Dockerfile-dev

@@ -0,0 +1,11 @@
+FROM node:latest
+
+WORKDIR /usr/src/app/frontend
+
+COPY package*.json ./
+
+RUN npm install
+
+EXPOSE 3000
+
+CMD ["npm", "run", "dev"]