Website Structure
The website is organized into separate folders for each page. Every page contains its own HTML file and supporting CSS and JavaScript folders.
website/
├── home/
├── gallery/
├── rng/
├── setup/
└── about/Amazon S3
Amazon S3 stores the website's HTML, CSS, JavaScript, and image files. Static website hosting is enabled so the files can be retrieved through a web endpoint.
Amazon Route 53
Route 53 manages the domain's DNS records. It connects the registered domain name to the CloudFront distribution that delivers the website.
AWS Certificate Manager
AWS Certificate Manager provides the SSL/TLS certificate used to verify the website's identity and support a secure HTTPS connection.
Amazon CloudFront
CloudFront serves the website through a global content delivery network, uses the SSL/TLS certificate, and redirects insecure HTTP requests to HTTPS.
Request Flow
- A visitor enters the website's custom domain.
- Route 53 directs the request to CloudFront.
- CloudFront applies HTTPS and retrieves the requested content from S3.
- The page and its supporting files are returned to the visitor.
User → Route 53 → CloudFront → Amazon S3Updating the Website
To update the site, the modified files are uploaded to the same locations in the S3 bucket. If CloudFront continues to display an older version, its cached files can be invalidated so the latest version is delivered.
Explore the Website
Use the navigation bar to visit the site's other pages, or learn more about the AWS service used to store the website.
Learn More About Amazon S3