Modern UI

Before we can access our new React UI, we’ll need a new URL to use for accessing our application (since it is now hosted on S3 and not served from the application server). To find the URL of the application, you’ll need to navigate to CloudFront service in the AWS console. Upon entering this page, you’ll be presented with a list of distributions. Locate and select the ID for the distribution with the origin value of “serverless-saas-workshop-lab1-[identifier]”. This will open detail view of the distribution similar to the following:

Modern UI Url - Figure 1

Within this list of attributes, you’ll want to focus your attention on the “Domain Name”. You’ll want to make note of this value, since it will be used throughout the remainder of this workshop to access the client application.