Dockerfile

# see https://docs.docker.com/engine/reference/builder/#understand-how-arg-and-from-interact
ARG NODE_VERSION=node:16.9.1

FROM $NODE_VERSION AS dependency-base

# create destination directory
RUN mkdir -p /core
RUN mkdir -p /frontend

# copy the core, note .dockerignore
WORKDIR /core
COPY ./core/package.json .
COPY ./core/package-lock.json .

# copy the app, note .dockerignore
WORKDIR /frontend
COPY ./frontend/package.json .
COPY ./frontend/package-lock.json .

WORKDIR /core
COPY ./core /core

WORKDIR /frontend
RUN npm ci

COPY ./frontend /frontend

FROM $NODE_VERSION AS development

COPY --from=dependency-base /core /core
COPY --from=dependency-base /frontend /frontend

WORKDIR /frontend
CMD ["npm", "run", "dev"]

FROM dependency-base AS production-base

# bake env variables
ARG RPC_URL
ENV RPC_URL=${RPC_URL}
ARG PRODUCTION_DOMAIN
ENV PRODUCTION_DOMAIN=${PRODUCTION_DOMAIN}
ARG CONTACT_EMAIL
ENV CONTACT_EMAIL=${CONTACT_EMAIL}
ARG STAGING_BANNER_URL
ENV STAGING_BANNER_URL=${STAGING_BANNER_URL}
ARG HEAPIO_ID
ENV HEAPIO_ID=${HEAPIO_ID}
ARG FRONTEND_ORIGIN
ENV FRONTEND_ORIGIN=${FRONTEND_ORIGIN}

WORKDIR /frontend
RUN npm run generate

FROM nginx:stable-alpine AS production

COPY --from=production-base /frontend/dist /usr/share/nginx/html

EXPOSE 80

CMD ["nginx", "-g", "daemon off;"]