Deploy your SAPUI5 app on Netlify

Deploy your SAPUI5 app on Netlify

Introduction

You can use this guide to learn how to deploy a SAPUI5 app on Netlify.

Step 1: Create a new site

Once you’ve logged into Netlify, click the New site from Git button (see Figure 1.1).

image.png

Figure 1.1 Team overview section

Now, click the GitHub button (see Figure 1.2).

image.png

Figure 1.2 Connecting to a Git provider

Step 2: Install Netlify

Click the Install button (see Figure 2.1).

image.png

Figure 2.1 Installing Netlify on your personal account

Step 3: Pick a repository

Choose the repository you’d like to deploy. We've chosen afortalezaescondida/sapui5-display-orders here (see Figure 3.1).

image.png

Figure 3.1 Picking a repository

Step 4: Deploy

Enter the publish directory. We've entered webapp here (see Figure 4.1).
Click the Deploy site button to continue.

image.png

Figure 4.1 Deploying your site

Step 5: Change site name

Once the build completes, head to the Site overview section. Click the Site settings button (see Figure 5.1).

image.png

Figure 5.1 Site overview section

Now, click the Change site name button (see Figure 5.2).

image.png

Figure 5.2 Site settings section

In the dialog box that appears, enter the site name. We've entered sapui5-display-orders (see Figure 5.3). Confirm by clicking the Save button.

image.png

Figure 5.3 Changing the site name

You can access the app at https://sapui5-display-orders.netlify.app.

Summary

In this tutorial, you learned about deploying a SAPUI5 app on Netlify.