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.

Dockerfiles get screenshotted more than almost anything else, usually to show a layer order or a multi-stage build.

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

Keep the whole stage in frame. A Dockerfile cropped mid-stage is actively misleading, since the order of the instructions is the point.

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 para macOS