test using buildx during circleci builds (#1200)

* test using buildx during circleci builds

* fix buildx context create syntax

* add actual buildx context create

* try enabling buildkit

* don't overwrite setup_remote_docker

* use export buildkit

* manually install buildx

* set plain progress, load docker image on build

.circleci/config.yml

@@ -45,11 +45,22 @@ jobs:
     steps:
       - checkout
       - setup_remote_docker:
+          version: "20.10.18"
           docker_layer_caching: true
       - restore_cache:
           keys:
           - dependency-cache-{{ checksum "frontend/package.json" }}-checksum "frontend/package-lock.json" }}
           - dependency-cache-{{ checksum "frontend/package.json" }}
+      - run:
+          name: Install Docker Buildx
+          command: |
+            mkdir -vp ~/.docker/cli-plugins/
+            curl --silent -L "https://github.com/docker/buildx/releases/download/v0.10.5/buildx-v0.10.5.linux-amd64" > ~/.docker/cli-plugins/docker-buildx
+            chmod a+x ~/.docker/cli-plugins/docker-buildx
+            docker buildx version
+            export DOCKER_BUILDKIT=1
+            docker buildx create --name buildx-frontend --use
+            docker buildx install
       - run:
           name: "Build frontend image"
           command: "bin/build-docker-frontend.sh"
@@ -190,9 +201,10 @@ jobs:
     steps:
       - checkout
       - setup_remote_docker:
+          version: "20.10.18"
           docker_layer_caching: true
       - jq/install
-      - docker/install-docker-tools
+      # - docker/install-docker-tools
       - run:
           name: patch-package hash
           command: md5sum backend/patches/* > backend/patches.hash
@@ -201,6 +213,16 @@ jobs:
           - dependency-cache-{{ checksum "backend/package-lock.json" }}-{{ checksum "backend/prisma/schema.prisma" }}-{{ checksum "backend/patches.hash" }}
           - dependency-cache-{{ checksum "backend/package-lock.json" }}-{{ checksum "backend/prisma/schema.prisma" }}
           - dependency-cache-{{ checksum "backend/package-lock.json" }}
+      - run:
+          name: Install Docker Buildx
+          command: |
+            mkdir -vp ~/.docker/cli-plugins/
+            curl --silent -L "https://github.com/docker/buildx/releases/download/v0.10.5/buildx-v0.10.5.linux-amd64" > ~/.docker/cli-plugins/docker-buildx
+            chmod a+x ~/.docker/cli-plugins/docker-buildx
+            docker buildx version
+            export DOCKER_BUILDKIT=1
+            docker buildx create --name buildx-backend --use
+            docker buildx install
       - run:
           name: "Build backend image"
           command: "bin/build-docker-backend.sh"

backend/Dockerfile

@@ -1,7 +1,7 @@
 FROM node:18.16.0-alpine
 
 RUN apk update && \
-    apk --no-cache add \
+    apk add \
       build-base \
       libpng-dev \
       postgresql-client \
@@ -18,9 +18,10 @@ RUN wget https://github.com/edenhill/librdkafka/archive/v2.1.1.tar.gz  -O - | ta
   && make && make install \
   && cd ..
 # when node image incorporates alpine 3.18
-#  RUN apk --no-cache add \
+#  RUN apk  add \
 #   librdkafka=2.1.1-r0 \
 #   librdkafka-dev=2.1.1-r0
+RUN rm -rf /var/cache/apk/*
 
 RUN mkdir -p /app && chown -R node /app
 

bin/build-docker-backend.sh

@@ -27,7 +27,7 @@ docker pull eu.gcr.io/moocfi/moocfi-backend:latest || true
 
 echo Building "$TAG"
 
-docker build . --cache-from eu.gcr.io/moocfi/moocfi-backend:latest -f Dockerfile -t "$TAG" --build-arg=GIT_COMMIT="$(git rev-parse --short HEAD)"
+docker build . --cache-from eu.gcr.io/moocfi/moocfi-backend:latest -f Dockerfile -t "$TAG" --load --progress=plain --build-arg=GIT_COMMIT="$(git rev-parse --short HEAD)"
 
 echo "Successfully built image: $TAG"
 

bin/build-docker-frontend.sh

@@ -31,7 +31,7 @@ docker pull eu.gcr.io/moocfi/moocfi-frontend:latest || true
 
 echo Building "$TAG"
 
-docker build . --cache-from eu.gcr.io/moocfi/moocfi-frontend:latest -f Dockerfile -t "$TAG"
+docker build . --cache-from eu.gcr.io/moocfi/moocfi-frontend:latest -f Dockerfile -t "$TAG" --load --progress=plain 
 
 echo "Copying node_modules and next cache from container to host"
 docker create -ti --name frontend_tmp "$TAG" sh