🔄 Synced local '.' with remote 'apps/examples/nextjs'

Author: balazsorban44

Dockerfile

@@ -1,65 +1,67 @@
-# syntax=docker/dockerfile-upstream:master-labs
+FROM node:18-alpine AS base
 
-# Loosely based on Next.js Dockerfile example - https://github.com/vercel/next.js/blob/canary/examples/with-docker/Dockerfile
-FROM node:20-slim AS base
-
-# Install package manager
-RUN --mount=type=cache,id=pnpm-auth-store,target=/root/.pnpm-store \
-  npm i --global --no-update-notifier --no-fund pnpm@latest
-
-USER node
-
-## DEPENDENCIES
+# Install dependencies only when needed
 FROM base AS deps
+# Check https://github.com/nodejs/docker-node/tree/b4117f9333da4138b03a546ec926ef50a31506c3#nodealpine to understand why libc6-compat might be needed.
+RUN apk add --no-cache libc6-compat
 WORKDIR /app
 
-# Copy over package.json and lock files
-# - "--parents" flag required otherwise copying "patches" only copies the contents
-#   of that directory, and not the directory itself. This requires the syntax
-#   directive at the top of the file.
-COPY --parents --chown=node:node pnpm-lock.yaml pnpm-workspace.yaml patches ./
-COPY --chown=node:node apps/examples/nextjs-docker/package.json ./package.json
+# Install dependencies based on the preferred package manager
+COPY package.json yarn.lock* package-lock.json* pnpm-lock.yaml* ./
+RUN \
+  if [ -f yarn.lock ]; then yarn --frozen-lockfile; \
+  elif [ -f package-lock.json ]; then npm ci; \
+  elif [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm i --frozen-lockfile; \
+  else echo "Lockfile not found." && exit 1; \
+  fi
 
-# Avoid 'cross-device link not permitted' error with pnpm install
-RUN echo "package-import-method=copy" > .npmrc
 
-# Install dependencies
-RUN --mount=type=cache,id=pnpm-auth-store,target=/root/.pnpm-store pnpm install
-
-## BUILDER
+# Rebuild the source code only when needed
 FROM base AS builder
 WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
 
-# Copy code from the examples app
-COPY --chown=node:node apps/examples/nextjs-docker ./
-# Copy dependencies from deps stage
-COPY --from=deps /app ./
-
+# Next.js collects completely anonymous telemetry data about general usage.
+# Learn more here: https://nextjs.org/telemetry
+# Uncomment the following line in case you want to disable telemetry during the build.
 # ENV NEXT_TELEMETRY_DISABLED 1
-ENV NODE_ENV production
 
-# Build the "standalone" Next.js version
-RUN pnpm build
-# Remove node_modules
-RUN rm -rf node_modules
+RUN \
+  if [ -f yarn.lock ]; then yarn run build; \
+  elif [ -f package-lock.json ]; then npm run build; \
+  elif [ -f pnpm-lock.yaml ]; then corepack enable pnpm && pnpm run build; \
+  else echo "Lockfile not found." && exit 1; \
+  fi
 
-## RUNNER
+# Production image, copy all the files and run next
 FROM base AS runner
 WORKDIR /app
 
 ENV NODE_ENV production
+# Uncomment the following line in case you want to disable telemetry during runtime.
 # ENV NEXT_TELEMETRY_DISABLED 1
 
-# Copy everything from builder stage
-COPY --chown=node:node --from=builder /app ./
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+
+COPY --from=builder /app/public ./public
+
+# Set the correct permission for prerender cache
+RUN mkdir .next
+RUN chown nextjs:nodejs .next
 
-# Install only prod dependencies
-RUN --mount=type=cache,id=pnpm-auth-store,target=/root/.pnpm-store pnpm install --prod
-RUN --mount=type=cache,id=pnpm-auth-store,target=/root/.pnpm-store pnpm install -w sharp
+# Automatically leverage output traces to reduce image size
+# https://nextjs.org/docs/advanced-features/output-file-tracing
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+USER nextjs
 
-USER node
 EXPOSE 3000
+
 ENV PORT 3000
 
-# Run the built project
-CMD ["pnpm", "exec", "next", "start"]
+# server.js is created by next build from the standalone output
+# https://nextjs.org/docs/pages/api-reference/next-config-js/output
+CMD HOSTNAME="0.0.0.0" node server.js

next.config.js

@@ -1,2 +1,4 @@
 /** @type {import("next").NextConfig} */
-module.exports = {}
+module.exports = {
+  output: "standalone",
+}