build: containerize apps

Author: thdk

.github/workflows/ci.yml

@@ -49,7 +49,7 @@ jobs:
       # Prepend any command with "nx-cloud record --" to record its logs to Nx Cloud
       # - run: npx nx-cloud record -- echo Hello World
       # Nx Affected runs only tasks affected by the changes in this PR/commit. Learn more: https://nx.dev/ci/features/affected
-      - run: npx nx affected -t lint test build typecheck docker-build
+      - run: npx nx affected -t lint test build typecheck
 
       - name: Version
         env:
@@ -75,3 +75,10 @@ jobs:
           npx nx release publish --group packages --yes
         env:
           THDK_GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+
+      # Excluding dependendencies as they should have been already executed and
+      # we can't rely on the cache to detect the dependencies no longer need to be ran
+      # since it is busted by writing versions to generated pacakge.json files
+      - name: Containerize
+      run: |
+        npx nx run-many --target docker-build --exclude-task-dependencies

apps/books-api/Dockerfile

@@ -19,6 +19,7 @@ RUN chown -R books-api:books-api .
 
 # You can remove this install step if you build with `--bundle` option.
 # The bundled output will include external dependencies.
-RUN npm --prefix books-api --omit=dev -f install
+RUN --mount=type=cache,target=/root/.npm \
+    npm --prefix books-api ci
 
 CMD [ "node", "books-api" ]

apps/books-api/project.json

@@ -29,9 +29,7 @@
         }
       }
     },
-    "docker-build": {
-      "dependsOn": ["build"],
-      "command": "docker build -f apps/books-api/Dockerfile . -t books-api"
-    }
+    "docker-build": {},
+    "docker-run": {}
   }
 }

apps/books-app/Dockerfile

@@ -0,0 +1,26 @@
+# This file is generated by Nx.
+#
+# Build the docker image with `npx nx docker-build books-app`.
+# Tip: Modify "docker-build" options in project.json to change docker build args.
+#
+# Run the container with `docker run -p 3000:3000 -t books-app`.
+FROM docker.io/node:lts-alpine
+
+ENV HOST=0.0.0.0
+ENV PORT=3000
+
+WORKDIR /app
+
+RUN addgroup --system books-app && \
+          adduser --system -G books-app books-app
+
+COPY dist/apps/books-app books-app/
+RUN chown -R books-app:books-app .
+
+# You can remove this install step if you build with `--bundle` option.
+# The bundled output will include external dependencies.
+RUN --mount=type=cache,target=/root/.npm \
+    npm --prefix books-app ci
+
+WORKDIR /app/books-app
+CMD [ "npm", "run", "start" ]

apps/books-app/package.json

@@ -10,7 +10,8 @@
     "@remix-run/serve": "^2.14.0",
     "isbot": "^4.4.0",
     "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react-dom": "^18.2.0",
+    "ms": "^2.1.3"
   },
   "devDependencies": {
     "@remix-run/dev": "^2.14.0",

apps/books-app/project.json

@@ -14,6 +14,18 @@
         "generateLockfile": true,
         "includeDevDependenciesInPackageJson": false
       }
+    },
+    "docker-build": {},
+    "docker-run": {
+      "options": {
+        "command": [
+          "docker run -it --rm --init",
+          "-p 3002:3002",
+          "--env API_URL",
+          "--env PORT",
+          "books-app"
+        ]
+      }
     }
   }
 }

apps/books-app/vite.config.ts

@@ -12,7 +12,7 @@ export default defineConfig({
   root: __dirname,
   cacheDir: '../../node_modules/.vite/apps/books-app',
   server: {
-    port: 4200,
+    port: process.env.PORT ? Number(process.env.PORT) : 4200,
     host: 'localhost',
   },
   preview: {

apps/hello-api/Dockerfile

@@ -0,0 +1,25 @@
+# This file is generated by Nx.
+#
+# Build the docker image with `npx nx docker-build hello-api`.
+# Tip: Modify "docker-build" options in project.json to change docker build args.
+#
+# Run the container with `docker run -p 3000:3000 -t hello-api`.
+FROM docker.io/node:lts-alpine
+
+ENV HOST=0.0.0.0
+ENV PORT=3000
+
+WORKDIR /app
+
+RUN addgroup --system hello-api && \
+          adduser --system -G hello-api hello-api
+
+COPY dist/apps/hello-api hello-api/
+RUN chown -R hello-api:hello-api .
+
+# You can remove this install step if you build with `--bundle` option.
+# The bundled output will include external dependencies.
+RUN --mount=type=cache,target=/root/.npm \
+    npm --prefix hello-api ci
+
+CMD [ "node", "hello-api" ]

apps/hello-api/project.json

@@ -33,6 +33,8 @@
       "options": {
         "passWithNoTests": true
       }
-    }
+    },
+    "docker-build": {},
+    "docker-run": {}
   }
 }

nx.json

@@ -84,6 +84,25 @@
       "cache": true,
       "dependsOn": ["^build"],
       "inputs": ["production", "^production"]
+    },
+    "docker-build": {
+      "dependsOn": ["build"],
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "docker build -f {projectRoot}/Dockerfile . -t {projectName}"
+      }
+    },
+    "docker-run": {
+      "dependsOn": ["docker-build"],
+      "executor": "nx:run-commands",
+      "options": {
+        "command": [
+          "docker run -it --rm --init",
+          "-p $PORT:$PORT",
+          "--env PORT",
+          "{projectName}"
+        ]
+      }
     }
   },
   "release": {