ci: build images with caching with docker buildx

Caching should work for this for GitHub Actions. Also, we're only
building the images for projects that have actually changed (with the
help of `nx`).

https://docs.docker.com/build/cache/backends/gha/

Related to #83

.github/workflows/default.yml

@@ -80,18 +80,18 @@ jobs:
     steps:
       - uses: actions/checkout@v3
 
+      - name: Expose GitHub Runtime
+        uses: crazy-max/ghaction-github-runtime@v3
+
       - name: Setup
         run: |
           cp .env.example .env
 
       - name: Build containers
         run: |
           echo "${{ secrets.GITHUB_TOKEN }}" | docker login ghcr.io -u ${{ github.actor }} --password-stdin
-          sed -i.bak -e "s/VITE_API_HOST=.*/VITE_API_HOST=api.serieslist.joosep.xyz/" .env
-          sed -i.bak -e "s/VITE_API_URL=.*/VITE_API_URL=https:\/\/\$VITE_API_HOST/" .env
-          docker compose -f docker-compose.production.yml pull webapp api || true
-          docker compose -f docker-compose.production.yml build webapp api
-          docker compose -f docker-compose.production.yml push
+          sed -i.bak -e "s/VITE_API_URL=.*/VITE_API_URL=https:\/\/api.serieslist.joosep.xyz/" .env
+          pnpm exec nx affected -t build:docker
 
       - name: Install SSH Key
         uses: shimataro/ssh-key-action@v2

apps/api/package.json

@@ -4,6 +4,7 @@
   "type": "module",
   "scripts": {
     "build": "NODE_ENV=production rimraf dist && tsx bin/build.ts",
+    "build:docker": "(cd ../.. && docker buildx build --push --cache-to type=gha,mode=max,scope=webapp --cache-from type=gha,scope=webapp -t ghcr.io/joosepalviste/serieslist-api:latest -f apps/api/Dockerfile --target production .)",
     "clear-test-db": "dotenv -e ../../.env.test tsx bin/clearDatabase.ts",
     "codegen": "DOTENV_CONFIG_PATH='../../.env' graphql-codegen-esm -r dotenv/config",
     "codegen:db": "tsx bin/kyselyCodegen.ts && eslint --fix src/generated/db.ts",

apps/webapp/package.json

@@ -4,6 +4,7 @@
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vite build && pnpm build:server",
+    "build:docker": "(cd ../.. && docker buildx build --push --cache-to type=gha,mode=max,scope=webapp --cache-from type=gha,scope=webapp -t ghcr.io/joosepalviste/serieslist-webapp:latest -f apps/webapp/Dockerfile --target production --build-arg=\"VITE_APP_PORT=$VITE_APP_PORT\" --build-arg=\"VITE_API_URL=$VITE_API_URL\" --build-arg=\"VITE_API_INTERNAL_URL=$VITE_API_INTERNAL_URL\" .)",
     "build:server": "tsx bin/build.ts && resolve-tspaths --out dist/prodServer",
     "codegen": "graphql-codegen",
     "lint": "eslint src && madge --circular --extensions ts,tsx ./src",

nx.json

@@ -15,6 +15,10 @@
       "cache": true,
       "inputs": ["production", "^production"]
     },
+    "build:docker": {
+      "cache": true,
+      "defaultConfiguration": "docker"
+    },
     "tsc": {
       "cache": true
     },