Skip to content

Instantly share code, notes, and snippets.

@bizob2828
Created June 30, 2022 20:33
Show Gist options
  • Save bizob2828/0fa170a9194838cab5dc8fbb00109425 to your computer and use it in GitHub Desktop.
Save bizob2828/0fa170a9194838cab5dc8fbb00109425 to your computer and use it in GitHub Desktop.
Next.js with-docker Dockerfile update to get Node.js Next.js plugin to work
# Install dependencies only when needed
FROM node:16-alpine 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 package.json yarn.lock ./
#RUN yarn install --frozen-lockfile
# If using npm with a `package-lock.json` comment out above and use below instead
COPY package.json package-lock.json ./
RUN npm ci
# Rebuild the source code only when needed
FROM node:16-alpine AS builder
WORKDIR /app
COPY --from=deps /app/node_modules ./node_modules
COPY . .
# 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
RUN yarn build
# If using npm comment out above and use below instead
# RUN npm run build
# Production image, copy all the files and run next
FROM node:16-alpine 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
RUN addgroup --system --gid 1001 nodejs
RUN adduser --system --uid 1001 nextjs
# You only need to copy next.config.js if you are NOT using the default configuration
# COPY --from=builder /app/next.config.js ./
COPY --from=builder /app/public ./public
COPY --from=builder /app/package.json ./package.json
# 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
# Install the next.js plugin after it copies the standalone server and static bits to workdir
# I cannot figure out why If I just install `@newrelic/next` and add to project's package.json
# why it does not copy them over but it does not for some reason so we will add it after all the copying
# occurs
RUN npm i @newrelic/next
USER nextjs
EXPOSE 3000
ENV PORT 3000
CMD ["node", "-r", "@newrelic/next", "server.js"]
@bizob2828
Copy link
Author

To get this working once you edit this file in: https://github.com/vercel/next.js/tree/canary/examples/with-docker

Run

docker build -t nextjs-docker .
docker run -e NEW_RELIC_LICENSE_KEY=<license-key> -e NEW_RELIC_APP_NAME=bob-next-docker-test -e NEW_RELIC_LOG=stdout -e NEW_RELIC_LOG_LEVEL=debug -p 3000:3000 nextjs-docker:latest

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment