Add static container setup and GHCR pipeline

Author: AnastaZIuk

.dockerignore

@@ -0,0 +1,10 @@
+node_modules
+.next
+out
+dist
+npm-debug.log
+.npmrc
+.git
+.gitignore
+Dockerfile
+.dockerignore

.github/workflows/docker-publish.yml

@@ -0,0 +1,95 @@
+name: Build and Publish Container Image
+
+on:
+  push:
+    branches: [main]
+    tags: ["v*"]
+  pull_request:
+  workflow_dispatch:
+
+env:
+  REGISTRY: ghcr.io
+  IMAGE_NAME: "www-website"
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      packages: write
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Compute image name (lowercase owner/repo)
+        id: img
+        run: |
+          OWNER="$(echo "${GITHUB_REPOSITORY_OWNER}" | tr '[:upper:]' '[:lower:]')"
+          REPO_NAME="${GITHUB_REPOSITORY##*/}"
+          IMAGE_NAME="${IMAGE_NAME:-$REPO_NAME}"
+          IMAGE_NAME="$(echo "${IMAGE_NAME}" | tr '[:upper:]' '[:lower:]')"
+          echo "IMAGE=${REGISTRY}/${OWNER}/${IMAGE_NAME}" >> "$GITHUB_ENV"
+
+      - name: Docker metadata
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: ${{ env.IMAGE }}
+          tags: |
+            type=sha
+            type=ref,event=tag
+            type=ref,event=branch,enable=${{ github.ref == 'refs/heads/main' }}
+            type=raw,value=latest,enable=${{ github.ref == 'refs/heads/main' }}
+
+      - name: Set up Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build image for tests
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          file: ./Dockerfile
+          push: false
+          load: true
+          tags: ${{ env.IMAGE }}:ci
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
+
+      - name: Run smoke test (curl /)
+        env:
+          IMAGE_UNDER_TEST: ${{ env.IMAGE }}:ci
+        run: |
+          set -euo pipefail
+          cid=$(docker run -d -p 0:3000 "$IMAGE_UNDER_TEST")
+          trap "docker rm -f $cid >/dev/null 2>&1" EXIT
+          port=$(docker port "$cid" 3000/tcp | sed -E 's/.*:([0-9]+)$/\1/')
+          for i in {1..20}; do
+            if curl -fsS "http://127.0.0.1:${port}/" > /dev/null; then
+              exit 0
+            fi
+            sleep 1
+          done
+          echo "Service did not respond on / after 20s" >&2
+          exit 1
+
+      - name: Log in to GHCR
+        if: github.event_name == 'push' && (startsWith(github.ref, 'refs/heads/main') || startsWith(github.ref, 'refs/tags/'))
+        uses: docker/login-action@v3
+        with:
+          registry: ${{ env.REGISTRY }}
+          username: ${{ github.actor }}
+          # Prefer CR_PAT if provided (for cross-repo scopes); fallback to GITHUB_TOKEN
+          password: ${{ secrets.CR_PAT != '' && secrets.CR_PAT || secrets.GITHUB_TOKEN }}
+
+      - name: Build and push
+        if: github.event_name == 'push' && (startsWith(github.ref, 'refs/heads/main') || startsWith(github.ref, 'refs/tags/'))
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          file: ./Dockerfile
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max

Caddyfile

@@ -0,0 +1,9 @@
+:3000 {
+    respond /healthz 200
+    handle_path /blog* {
+        reverse_proxy blog:3000
+    }
+    handle {
+        reverse_proxy site:3000
+    }
+}

Dockerfile

@@ -0,0 +1,26 @@
+# syntax=docker/dockerfile:1
+
+FROM node:22-alpine AS build
+WORKDIR /app
+
+ENV NODE_ENV=production \
+    NEXT_TELEMETRY_DISABLED=1
+
+RUN apk add --no-cache libc6-compat
+
+COPY package.json package-lock.json ./
+RUN npm ci
+
+COPY . .
+RUN npm run build
+
+FROM caddy:2.9-alpine AS runner
+WORKDIR /srv
+
+RUN addgroup -S caddy && adduser -S caddy -G caddy
+
+COPY --from=build --chown=caddy:caddy /app/out ./
+
+EXPOSE 3000
+USER caddy
+ENTRYPOINT ["caddy", "file-server", "--root=/srv", "--listen=:3000"]

app/opengraph-image.tsx

@@ -4,6 +4,8 @@ import { ImageResponse } from "next/og";
 import { readFile } from "fs/promises";
 import { join } from "path";
 
+export const dynamic = "force-static";
+
 export const alt = "About DevSH";
 export const size = {
     width: 256,
@@ -36,4 +38,4 @@ export default async function OgImage() {
             ...size
         }
     )
-}
+}

docker-compose.yml

@@ -0,0 +1,37 @@
+version: "3.9"
+
+services:
+  site:
+    build: .
+    image: devsh-website
+    read_only: true
+    tmpfs:
+      - /tmp
+      - /config
+      - /data
+    restart: unless-stopped
+
+  blog:
+    build:
+      context: ../blog
+      dockerfile: Dockerfile
+      args:
+        BLOG_BASEURL: /blog/
+    image: devsh-blog
+    read_only: true
+    tmpfs:
+      - /tmp
+      - /config
+      - /data
+    restart: unless-stopped
+
+  proxy:
+    image: caddy:2.9-alpine
+    depends_on:
+      - site
+      - blog
+    ports:
+      - "3000:3000"
+    volumes:
+      - ./Caddyfile:/etc/caddy/Caddyfile:ro
+    restart: unless-stopped

next.config.ts

@@ -1,8 +1,10 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
+  output: 'export',
   pageExtensions: ['ts', 'tsx', 'md', 'mdx'],
   images: {
+    unoptimized: true,
     remotePatterns: [
       {
         protocol: 'https',