Last active
November 26, 2023 20:03
-
-
Save Klerith/b5459b1daa4fc6d539ac373855c98039 to your computer and use it in GitHub Desktop.
NextJS - Dockerfile - Configuración simple y recomendada
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# Fuente: https://github.com/vercel/next.js/blob/canary/examples/with-docker/README.md | |
# 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 | |
# Rebuild the source code only when needed | |
FROM node:16-alpine AS builder | |
WORKDIR /app | |
COPY --from=deps /app/node_modules ./node_modules | |
COPY . . | |
RUN yarn build | |
# Production image, copy all the files and run next | |
FROM node:16-alpine AS runner | |
WORKDIR /app | |
ENV NODE_ENV production | |
RUN addgroup -g 1001 -S nodejs | |
RUN adduser -S nextjs -u 1001 | |
# 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 | |
USER nextjs | |
EXPOSE 3000 | |
ENV PORT 3000 | |
# 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. | |
# ENV NEXT_TELEMETRY_DISABLED 1 | |
CMD ["node", "server.js"] | |
# entre 50 a 150 MB |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
FROM node:16-alpine | |
RUN mkdir -p /app | |
WORKDIR /app | |
COPY package.json /app | |
RUN yarn install | |
COPY . /app | |
RUN yarn build | |
EXPOSE 3000 | |
CMD [ "yarn", "start" ] | |
# Super pesada +1GB |
=> ERROR [deps 4/5] COPY package.json npm.lock ./
Para este error, borrar el yarn.lock si es que no lo estan utilizando a mi me funciono
docker build -t nextjs-initial .
docker run --name=next-app -p 3000:3000 nextjs-initial
Es importante revisar qué manejador de paquetes se está empleando, en mi caso la configuración es la siguiente para npm:
# Fuente: https://github.com/vercel/next.js/blob/canary/examples/with-docker/README.md
# 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 ./
RUN npm install --frozen-lockfile
# Rebuild the source code only when needed
FROM node:16-alpine AS builder
WORKDIR /app
COPY --from=deps /app/node_modules ./node_modules
COPY . .
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
RUN addgroup -g 1001 -S nodejs
RUN adduser -S nextjs -u 1001
# 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
USER nextjs
EXPOSE 80
ENV PORT 80
# 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.
# ENV NEXT_TELEMETRY_DISABLED 1
CMD ["node", "server.js"]
# entre 50 a 150 MB
Nose si docker es tu fuerte, pero a ti te entiendo mejor que a otros instructores, podrias agregar mas contenido al docker course? Pdta: Eres un crack enseniando :D
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
@Benji-Mtz A mi me salió lo mismo pero cuando lo instale la primera vez y lo solucione cambiando la versión de la siguiente manera:
yarn add --dev @types/[email protected] o el equivalente en npm.