Dockerfile

Generador de imágenes de código Dockerfile

Convierte fragmentos de Dockerfile en imágenes que merece la pena compartir, sin salir de tu Mac.

De los Dockerfiles se hacen más capturas que de casi cualquier otra cosa, normalmente para mostrar un orden de capas o una construcción multietapa.

Codeshot detecta Dockerfile a partir del código que pegas, así que no hay selector de lenguaje que puedas equivocar. Aquí tienes el mismo fragmento en tres de los 30 temas incluidos, renderizados con las hojas de estilo de la propia app.

FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html

Atom One · oscuro

FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html

Edge · oscuro

FROM node:20-alpine AS build
WORKDIR /app
COPY package*.json ./
RUN npm ci
COPY . .
RUN npm run build

FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html

GitHub · oscuro

Elegir un tema para Dockerfile

Deja la etapa entera dentro del encuadre. Un Dockerfile cortado a mitad de etapa engaña activamente, porque el orden de las instrucciones es justo el asunto.

Acertar con el tamaño

Deja que la imagen siga a tu contenido o fíjala a una proporción — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4 — y exporta a 1×, 2× o 3× para que se mantenga nítida en pantallas retina. Cópiala al portapapeles con ⌘⇧C o guárdala con ⌘S.

Mira los 30 temas comparados o lee el flujo completo.

Hecho para Dockerfile y otros 59 lenguajes

Todo se ejecuta en tu Mac. Tu código nunca sale de ahí.

Descargar