chore(linea-ens-app): refactor Dockerfile to reduce image size

Author: alainncls

.dockerignore

@@ -0,0 +1,55 @@
+# Dependencies (will be installed in Docker)
+**/node_modules
+
+# Build outputs (will be rebuilt in Docker)
+**/.next
+**/dist
+**/build
+**/out
+
+# Development files
+**/.gitignore
+**/.env.local
+**/.env.*.local
+
+# IDE
+**/.idea
+**/.vscode
+**/*.swp
+**/*.swo
+
+# Testing
+**/coverage
+**/e2e
+**/test
+**/*.test.*
+**/*.spec.*
+**/playwright
+**/playwright-report
+
+# Documentation
+**/*.md
+**/docs
+
+# Misc
+**/.DS_Store
+**/Thumbs.db
+**/*.log
+**/npm-debug.log*
+**/yarn-debug.log*
+**/yarn-error.log*
+
+# Archives
+**/*.tar
+**/*.tar.gz
+**/*.tar.lz4
+**/*.zip
+
+# Other packages not needed for linea-ens-app build
+packages/linea-ccip-gateway
+packages/linea-ens-resolver
+packages/linea-ens-subgraph
+packages/linea-state-verifier
+packages/poh-signer-api
+services
+

packages/linea-ens-app/Dockerfile

@@ -1,42 +1,57 @@
-FROM node:18
-
-# Install system dependencies (if necessary)
-RUN apt-get update && apt-get install -y \
-    libcairo2-dev \
-    libpango1.0-dev \
-    libjpeg-dev \
-    libgif-dev \
-    librsvg2-dev \
-    build-essential \
-    && rm -rf /var/lib/apt/lists/*
+FROM node:22-alpine AS base
 
+ENV PNPM_HOME="/pnpm"
+ENV PATH="$PNPM_HOME:$PATH"
+RUN corepack enable
+
+RUN apk add --no-cache libc6-compat python3 make g++ git \
+    cairo-dev pango-dev jpeg-dev giflib-dev librsvg-dev
+
+FROM base AS builder
 WORKDIR /app
 
 ARG NEXT_PUBLIC_ALCHEMY_KEY
 ARG NEXT_PUBLIC_INFURA_KEY
 ARG NEXT_PUBLIC_WC_PROJECT_ID
 ARG NEXT_PUBLIC_THE_GRAPH_MAINNET_API_KEY
 ARG NEXT_PUBLIC_THE_GRAPH_SEPOLIA_API_KEY
+
 ENV NEXT_PUBLIC_ALCHEMY_KEY=$NEXT_PUBLIC_ALCHEMY_KEY
 ENV NEXT_PUBLIC_INFURA_KEY=$NEXT_PUBLIC_INFURA_KEY
 ENV NEXT_PUBLIC_WC_PROJECT_ID=$NEXT_PUBLIC_WC_PROJECT_ID
 ENV NEXT_PUBLIC_THE_GRAPH_MAINNET_API_KEY=$NEXT_PUBLIC_THE_GRAPH_MAINNET_API_KEY
 ENV NEXT_PUBLIC_THE_GRAPH_SEPOLIA_API_KEY=$NEXT_PUBLIC_THE_GRAPH_SEPOLIA_API_KEY
-COPY . .
 
-# Install pnpm and dependencies
-RUN npm install -g [email protected]
-RUN rm -rf node_modules
-RUN pnpm config set store-dir ~/.local/share/pnpm/store
+COPY pnpm-lock.yaml pnpm-workspace.yaml package.json ./
+
+COPY packages/linea-ens-app/package.json ./packages/linea-ens-app/
+COPY packages/linea-ens-contracts/package.json ./packages/linea-ens-contracts/
+
+RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile --prefer-offline
+
+COPY .git ./.git
 
+COPY packages/linea-ens-app/ ./packages/linea-ens-app/
+COPY packages/linea-ens-contracts/ ./packages/linea-ens-contracts/
 
 WORKDIR /app/packages/linea-ens-app
+RUN pnpm build
 
-# Clear Next.js cache
-RUN rm -rf .next
-RUN pnpm install
-RUN pnpm run build
+FROM node:22-alpine AS runner
+WORKDIR /app
+
+ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1
+
+RUN addgroup --system --gid 1001 nodejs && \
+    adduser --system --uid 1001 nextjs
+
+COPY --from=builder --chown=nextjs:nodejs /app/packages/linea-ens-app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/packages/linea-ens-app/.next/static ./packages/linea-ens-app/.next/static
+COPY --from=builder --chown=nextjs:nodejs /app/packages/linea-ens-app/public ./packages/linea-ens-app/public
 
 EXPOSE 3000
 
-CMD ["pnpm", "start"]
+USER nextjs
+
+CMD ["node", "packages/linea-ens-app/server.js"]

packages/linea-ens-app/next.config.mjs

@@ -1,3 +1,5 @@
+;
+
 // @ts-check
 
 /* eslint-disable @typescript-eslint/naming-convention */
@@ -7,9 +9,11 @@ import { execSync } from 'child_process'
 import path, { dirname } from 'path'
 import { fileURLToPath } from 'url'
 
+
 import { withSentryConfig } from '@sentry/nextjs'
 import StylelintPlugin from 'stylelint-webpack-plugin'
 
+
 const __dirname = dirname(fileURLToPath(import.meta.url))
 
 const babelIncludeRegexes = [
@@ -24,6 +28,9 @@ const babelIncludeRegexes = [
  * */
 const nextConfig = {
   reactStrictMode: true,
+  output: 'standalone',
+  // For monorepo support with pnpm - trace dependencies from the root
+  outputFileTracingRoot: path.join(__dirname, '../../'),
   compiler: {
     styledComponents: true,
   },
@@ -91,8 +98,7 @@ const nextConfig = {
     ]
   },
   generateBuildId: () => {
-    const hash = execSync('git rev-parse HEAD').toString().trim()
-    return hash
+    return execSync('git rev-parse HEAD').toString().trim()
   },
   webpack: (config, options) => {
     for (const rule of config.module.rules) {