Dockerfiles + Docker-compose

docker-compose.yml

@@ -36,6 +36,7 @@ services:
     image: frontend
     volumes:
       - ./frontend:/app
+      - /app/node_modules
     ports:
       - "8000:8000"
     depends_on:

frontend/Dockerfile

@@ -1,15 +1,19 @@
-FROM node:12-buster
+FROM node:alpine
 
-RUN npm install --global gatsby-cli
-
-WORKDIR /app
+# Also exposing VSCode debug ports
+EXPOSE 8000
 
-COPY package*.json /app/
+RUN \
+  apk add --no-cache python make g++ && \
+  apk add vips-dev fftw-dev --update-cache \
+  --repository http://dl-3.alpinelinux.org/alpine/edge/community \
+  --repository http://dl-3.alpinelinux.org/alpine/edge/main \
+  && rm -fR /var/cache/apk/*
 
-RUN npm install
+RUN npm install -g gatsby-cli
 
+WORKDIR /app
+COPY ./package.json .
+RUN yarn install && yarn cache clean
 COPY . .
-
-EXPOSE 8000
-
-CMD ["gatsby", "develop", "-H", "0.0.0.0"]
+CMD ["yarn", "develop", "-H", "0.0.0.0" ]