Deploying to AWS Using S3 and CloudFront
Amazon S3 is a static storage offering that can be used as a host for static files, such as what is generated by the Vue CLI's build script.
CloudFront is AWS' content delivery network (CDN) offering. A CDN can improve a web application's performance by serving static content from an edge location. These servers are positioned around the world and are more likely to be geographically located close to the end user than the origin servers (the ones that actually serve the content). Edge servers in a CDN request resources from the origin if they don't have them cached but will serve subsequent requests.
A prerequisite for the following steps is an AWS account:
- We will start by creating and configuring an S3 bucket.
We begin by heading to the S3 product page. It will look similar to the following screenshot:
Figure 14.33: Select S3 from the AWS service list
- On the S3 console home page, we can click the
Create...
