chore(examples): migrate to docker-compose v2 and cleanup Dockerfile example (#11040)

Co-authored-by: Nico Domino <[email protected]>

Author: maxproske

apps/examples/nextjs/Dockerfile

@@ -1,3 +1,4 @@
+# syntax=docker/dockerfile:1
 FROM node:20-alpine AS base
 
 # Install dependencies only when needed
@@ -7,9 +8,8 @@ RUN apk add --no-cache libc6-compat
 WORKDIR /app
 
 # Install dependencies
-COPY package.json pnpm-lock.yaml ./
-RUN corepack enable && pnpm install
-
+COPY package.json pnpm-lock.yaml* ./
+RUN corepack enable pnpm && pnpm i --frozen-lockfile
 
 # Rebuild the source code only when needed
 FROM base AS builder
@@ -22,7 +22,7 @@ COPY . .
 # Uncomment the following line in case you want to disable telemetry during the build.
 # ENV NEXT_TELEMETRY_DISABLED 1
 
-RUN npm run build
+RUN corepack enable pnpm && pnpm build
 
 # Production image, copy all the files and run next
 FROM base AS runner
@@ -51,7 +51,8 @@ USER nextjs
 EXPOSE 3000
 
 ENV PORT 3000
+ENV HOSTNAME "0.0.0.0"
 
 # 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
+CMD ["node", "server.js"]

apps/examples/nextjs/docker-compose.yml

@@ -1,7 +1,6 @@
-version: "3"
-
 services:
   authjs-docker-test:
+    build: .
     environment:
       - TEST_KEYCLOAK_USERNAME
       - TEST_KEYCLOAK_PASSWORD
@@ -10,8 +9,5 @@ services:
       - AUTH_KEYCLOAK_ISSUER
       - AUTH_SECRET="MohY0/2zSQw/psWEnejC2ka3Al0oifvY4YjOkUaFfnI="
       - AUTH_URL=http://localhost:3000/auth
-    build:
-      context: .
-      dockerfile: Dockerfile
     ports:
       - "3000:3000"

apps/examples/nextjs/test-docker.sh

@@ -1,6 +1,6 @@
 #!/usr/bin/env bash
 
-# Easier to read `docker-compose up` output
+# Easier to read `docker compose up` output
 # export BUILDKIT_PROGRESS=plain
 
 args=("-f" "docker-compose.yml")
@@ -9,9 +9,9 @@ if [[ -z "${CI}" ]]; then
 fi
 args+=("up" "--detach" "--build")
 
-echo "Running: docker-compose ${args[*]}"
+echo "Running: docker compose ${args[*]}"
 
-if ! docker-compose "${args[@]}"; then
+if ! docker compose "${args[@]}"; then
   echo "Failed to start container"
   exit 1
 fi
@@ -24,7 +24,7 @@ export TEST_DOCKER=1
 
 # Always stop container, but exit with 1 when tests are failing
 if playwright test -c ../../../packages/utils/playwright.config.ts; then
-  docker-compose down
+  docker compose down
 else
-  docker-compose down && exit 1
+  docker compose down && exit 1
 fi

docs/pages/getting-started/deployment.mdx

@@ -106,6 +106,7 @@ In a Docker environment, make sure to set either `trustHost: true` in your Auth.
 Our example application is also hosted via Docker [here](https://nextjs-docker-example.authjs.dev) (see the [source code](https://github.com/nextauthjs/next-auth-example)). Below is an example `Dockerfile` for a Next.js application using Auth.js.
 
 ```docker filename="Dockerfile"
+# syntax=docker/dockerfile:1
 FROM node:20-alpine AS base
 
 # Install dependencies only when needed
@@ -115,9 +116,8 @@ RUN apk add --no-cache libc6-compat
 WORKDIR /app
 
 # Install dependencies
-COPY package.json ./
-RUN npm i
-
+COPY package.json pnpm-lock.yaml* ./
+RUN corepack enable pnpm && pnpm i --frozen-lockfile
 
 # Rebuild the source code only when needed
 FROM base AS builder
@@ -130,9 +130,10 @@ COPY . .
 # Uncomment the following line in case you want to disable telemetry during the build.
 # ENV NEXT_TELEMETRY_DISABLED 1
 
-# This should be replaced with an actual secret in production.
-# REVIEW: Can we make this not required during build?
-RUN AUTH_SECRET=dummy npm run build
+ARG AUTH_SECRET
+ENV AUTH_SECRET $AUTH_SECRET
+
+RUN corepack enable pnpm && pnpm build
 
 # Production image, copy all the files and run next
 FROM base AS runner
@@ -161,10 +162,11 @@ USER nextjs
 EXPOSE 3000
 
 ENV PORT 3000
+ENV HOSTNAME "0.0.0.0"
 
 # 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
+CMD ["node", "server.js"]
 ```
 
 ## Securing a preview deployment

packages/adapter-upstash-redis/docker-compose.yml

@@ -1,4 +1,3 @@
-version: "3"
 services:
   redis:
     image: redis