vue-vben-admin Docker & Self-Hosted Deployment

GitHub

A modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. It's fast!

1. Pull Image (DOCKERHUB) docker pull vbenjs/vue-vben-admin:latest
2. Docker Run (1-Click Launch) docker run -d --name vue-vben-admin -p 8080:8080 --restart always vbenjs/vue-vben-admin:latest
3. Podman Run podman run -d --name vue-vben-admin -p 8080:8080 --restart always vbenjs/vue-vben-admin:latest
4. Skopeo Inspect (Zero-Pull Manifest) skopeo inspect docker://docker.io/vbenjs/vue-vben-admin:latest
5. ORAS Pull (OCI Artifact) oras pull vbenjs/vue-vben-admin:latest
scripts/deploy/Dockerfile
FROM node:22-slim AS builder

# --max-old-space-size
ENV PNPM_HOME="/pnpm"
ENV PATH="$PNPM_HOME:$PATH"
ENV NODE_OPTIONS=--max-old-space-size=8192
ENV TZ=Asia/Shanghai
ENV CI=true

RUN npm i -g corepack

WORKDIR /app

# copy package.json and pnpm-lock.yaml to workspace
COPY . /app

# ๅฎ‰่ฃ…ไพ่ต–
RUN --mount=type=cache,id=pnpm,target=/pnpm/store pnpm install --frozen-lockfile
RUN pnpm run build --filter=\!./docs

RUN echo "Builder Success ๐ŸŽ‰"

FROM nginx:stable-alpine AS production

# ้…็ฝฎ nginx
RUN echo "types { application/javascript js mjs; }" > /etc/nginx/conf.d/mjs.conf \
    && rm -rf /etc/nginx/conf.d/default.conf

# ๅคๅˆถๆž„ๅปบไบง็‰ฉ
COPY --from=builder /app/playground/dist /usr/share/nginx/html

# ๅคๅˆถ nginx ้…็ฝฎ
COPY --from=builder /app/scripts/deploy/nginx.conf /etc/nginx/nginx.conf

EXPOSE 8080

# ๅฏๅŠจ nginx
CMD ["nginx", "-g", "daemon off;"]