Skip to Content
Technical Articles

Local SAPUI5 development with Docker

Hi guys,

In this blog post, I will demonstrate how to prepare a local development with SAPUI5 using Docker.

The entire project can be found in this GitHub repository:

This project uses easy-ui5 Yeoman Generator. More info can be found in this SAP Community blog post.

The template uses UI5 tooling (Serve and UI5 Middleware Livereload) more info in


  1. Node.js
  2. Visual Studio Code
  3. Docker and Docker Composer

Creating the scaffold project using easy-ui5 Yeoman Generator.

Install easy-ui5 generator

npm install -g yo generator-easy-ui5

Create the project

yo easy-ui5

Answer the prompt questions to create the project.

In the question about, which the platform you will host, choose the appropriate host. In my example, I choose the Cloud Foundry HTML5 Application Repository.

After everything is done, your project will look like this.

Preparing Docker

Creating the Dockerfile.

FROM node:12.16.1

WORKDIR /usr/app

RUN npm set @sap:registry=

COPY . .

RUN npm install


CMD ["npm","start"]


Creating the docker-compose.yml file.

version: "3"

        build: .
        command: npm start
            - "8080:8080"
            - .:/home/node/app

Creating the .dockerignore file.



The project created by easy-ui5 uses UI5 Tooling to local development

To use ui5 serve in docker will need to edit the start script to allow remote connections. Open Package.json and modify the line of npm start script to this.

"start": "ui5 serve -o index.html --accept-remote-connections",

Building the container and running the project

Now we will need to build the image and use docker-compose to start the container.

docker-compose up -–build

Open the application in your browser.



1 Comment
You must be Logged on to comment or reply to a post.
  • Depending on the needs you may want to look into using other images, such as 12.16.1-alpine or 2.16.1-stretch-slim or build the project into an nginx image which are all much smaller in size.