Nuxt.js Multi-Stage Dockerfile

docker-compose.yml

version: '3.7'
services:
  nuxt:
    build:
      context: .
      target: dev-env
    volumes:
      - .:/src
    ports:
      - '3000:3000'

Dockerfile

# Build
FROM node:latest as build-env

ENV NODE_ENV production

WORKDIR /src

COPY . .

RUN yarn install \
  --prefer-offline \
  --frozen-lockfile \
  --non-interactive \
  --production=false

RUN yarn build

# Dev
FROM node:alpine as dev-env

ENV HOST 0.0.0.0

WORKDIR /src

COPY . .
COPY --from=build-env /src/node_modules ./

EXPOSE 3000

CMD ["yarn", "dev"]

# Prod
FROM node:alpine

ENV HOST 0.0.0.0

WORKDIR /src

COPY . /src
COPY --from=build-env /src/.nuxt ./

RUN yarn install \
  --prefer-offline \
  --pure-lockfile \
  --non-interactive \
  --production=true

EXPOSE 3000

CMD ["yarn", "start"]