Setup and publish a docker image for use in ethui-stacks

.dockerignore

@@ -0,0 +1 @@
+node_modules

.github/workflows/ci.yml

@@ -0,0 +1,40 @@
+name: CI
+
+on:
+  push:
+    branches: [main,docker]
+  pull_request:
+    branches: [main]
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.event.pull_request.number || github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  docker-publish:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      packages: write
+      attestations: write
+      id-token: write
+    steps:
+      - uses: actions/checkout@v4
+
+      # Enable QEMU for cross-building arm64 on amd64 runner
+      - uses: docker/setup-qemu-action@v3
+
+      - uses: docker/setup-buildx-action@v3
+
+      - uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - uses: docker/build-push-action@v6
+        with:
+          context: .
+          push: true
+          tags: ghcr.io/${{ github.repository }}:latest
+          platforms: linux/amd64,linux/arm64

Dockerfile

@@ -0,0 +1,21 @@
+FROM node:22-slim
+
+WORKDIR /app
+
+RUN apt-get update && apt-get install -y python3 make g++ \
+  && rm -rf /var/lib/apt/lists/*
+
+COPY package.json yarn.lock .yarnrc.yml ./
+
+RUN corepack enable yarn
+RUN yarn install --immutable
+
+COPY . .
+
+ENV NODE_ENV=production
+ENV VITE_TARGET=docker
+RUN yarn build
+
+EXPOSE 3000
+
+CMD ["yarn", "start:prod"]

package.json

@@ -6,6 +6,7 @@
     "dev": "vite dev",
     "build": "vite build && tsc --noEmit",
     "start": "vite start",
+    "start:prod": "node .output/server/index.mjs",
     "lint": "yarn lint:biome && yarn lint:tsc",
     "lint:biome": "biome check .",
     "lint:tsc": "tsc --noEmit",
@@ -66,7 +67,7 @@
     "globals": "^16.0.0",
     "motion": "^12.4.7",
     "postcss": "^8.5.3",
-    "rollup": "^4.34.8",
+    "rollup": "^4.52.4",
     "tailwindcss": "^4.0.11",
     "ts-unused-exports": "^11.0.1",
     "tsc": "^2.0.4",

vite.config.ts

@@ -5,6 +5,14 @@ import viteReact from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
 import tsConfigPaths from "vite-tsconfig-paths";
 
+const target = process.env.VITE_TARGET;
+
+const nitroConfig: Record<string, any> = {};
+
+if (target !== "docker") {
+  nitroConfig.preset = "vercel";
+}
+
 export default defineConfig({
   server: {
     port: 3000,
@@ -14,9 +22,7 @@ export default defineConfig({
       projects: ["./tsconfig.json"],
     }),
     tanstackStart(),
-    nitroV2Plugin({
-      preset: "vercel",
-    }),
+    nitroV2Plugin(nitroConfig),
     tailwindcss(),
     viteReact(),
   ],