Update React application to use the API exposed with CloudFront

5.1. Edit the file src/App.js by changing the <DNS_NAME_CLOUDFRONT> with to your own CloudFront domain name and save the file.

Cloud9 Env Prod

5.2. Publish your React application changes with invalidation request to the Amazon CloudFront to invalidate its cache..

amplify publish --invalidateCloudFront

5.3. Now test in your browser the application to see the messages https://cloudfront-domain-name/, you will see the messages from backend.

React Application

Congratulations!!!! Now you have a React Application stored on Amazon S3 and a Nodejs backend using containers with Amazon ECS.