Dockerize a Sapper App

This example is taken from the https://svelte.dev/.

To serve a Sapper app from a Docker container, you can put all the build assets from __sapper__/build into a Docker container and run node __sapper__/build

Let’s pull down the basic sapper template using degit.

npx degit sveltejs/sapper-template#rollup sapper-docker
cd sapper-docker

Next, we need to create a Dockerfile in the root of our project.

FROM mhart/alpine-node:12

WORKDIR /app

COPY package.json .
COPY package-lock.json .
RUN npm ci --prod

COPY static static
COPY __sapper__ __sapper__

EXPOSE 3000
CMD ["node", "__sapper__/build"]

You can now build the docker image.

npm install
npm run build
docker build . -t sapper-docker

To speed up the docker build, you can add a .dockerignore file in the root of sapper-docker folder:

node_modules/

This is to tell Docker to ignore files / folder in the Docker build context.

Now, you can run your docker image.

docker run -p 5000:3000 sapper-docker

Open up your browser at localhost:5000 and you should see your sapper app running!

Building Sapper App in a Docker image

If you want to build your Sapper App in a Docker image instead in your machine, you can do it in an intermediate Docker image, that way, it would not contribute to the final Docker image size.

In that case, you can use a slim version of the alpine-node Docker image, which comes without npm or yarn installed

# build the sapper app
FROM mhart/alpine-node:12 AS build

WORKDIR /app
COPY . .

RUN npm install
RUN npm run build

# install dependencies
FROM mhart/alpine-node:12 AS deps

WORKDIR /app

COPY package.json .
COPY package-lock.json .
RUN npm ci --prod

COPY static static
COPY __sapper__ __sapper__

# copy node_modules/ and other build files over
FROM mhart/alpine-node:slim-12

WORKDIR /app

COPY --from=deps /app .

EXPOSE 3000
CMD ["node", "__sapper__/build"]
Published: