add web dockerfile

Author: omfj

.github/workflows/docker-publish.yaml

@@ -10,14 +10,15 @@ on:
 
 env:
   REGISTRY: ghcr.io
-  IMAGE_NAME: ${{ github.repository }}/uno
 
 jobs:
-  build-and-push:
+  build-and-push-uno:
     runs-on: ubuntu-latest
     permissions:
       contents: read
       packages: write
+    env:
+      IMAGE_NAME: uno
 
     steps:
       - name: 🔍 Checkout repository
@@ -42,7 +43,7 @@ jobs:
       - name: 🏗️ Set up Docker Buildx
         uses: docker/setup-buildx-action@v3
 
-      - name: 🐳 Build and push Docker image
+      - name: 🐳 Build and push uno
         uses: docker/build-push-action@v6
         with:
           context: .
@@ -53,3 +54,46 @@ jobs:
           cache-from: type=gha
           cache-to: type=gha,mode=max
           platforms: linux/amd64
+
+  build-and-push-web:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      packages: write
+    env:
+      IMAGE_NAME: web
+
+    steps:
+      - name: 🔍 Checkout repository
+        uses: actions/checkout@v5
+
+      - name: 🔐 Log in to GitHub Container Registry
+        uses: docker/login-action@v3
+        with:
+          registry: ${{ env.REGISTRY }}
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: 🏷️ Extract metadata for Docker
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}
+          tags: |
+            type=raw,value=latest,enable={{is_default_branch}}
+            type=ref,event=pr,prefix=pr-
+
+      - name: 🏗️ Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: 🐳 Build and push web
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          file: ./apps/web/Dockerfile
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+          platforms: linux/amd64

apps/web/Dockerfile

@@ -0,0 +1,39 @@
+FROM node:22.21.1-alpine AS base
+
+RUN npm install -g turbo@2.5.8
+RUN npm install -g pnpm@10.20.0
+
+FROM base AS builder
+
+RUN apk update
+RUN apk add --no-cache libc6-compat
+
+WORKDIR /app
+COPY . .
+RUN turbo prune @echo-webkom/web --docker
+
+FROM base AS installer
+RUN apk update
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+COPY --from=builder /app/out/json/ .
+RUN pnpm install
+
+COPY --from=builder /app/out/full/ .
+
+ENV NEXT_OUTPUT=standalone
+RUN pnpm turbo build --filter=@echo-webkom/web...
+
+FROM base AS runner
+WORKDIR /app
+
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+USER nextjs
+
+COPY --from=installer --chown=nextjs:nodejs /app/apps/web/.next/standalone ./
+COPY --from=installer --chown=nextjs:nodejs /app/apps/web/.next/static ./apps/web/.next/static
+COPY --from=installer --chown=nextjs:nodejs /app/apps/web/public ./apps/web/public
+
+CMD node apps/web/server.js

apps/web/next.config.ts

@@ -1,7 +1,14 @@
 import type { NextConfig } from "next";
 
+let NEXT_OUTPUT = process.env.NEXT_OUTPUT as "export" | "standalone" | undefined;
+
+if (NEXT_OUTPUT && !["export", "standalone"]?.includes(NEXT_OUTPUT)) {
+  NEXT_OUTPUT = undefined;
+}
+
 const config = {
   reactCompiler: true,
+  output: NEXT_OUTPUT,
 
   transpilePackages: [
     "@echo-webkom/db",