Static Website Hosting

Architecture

Deploy static websites and SPAs using S3 with CloudFront:

• S3 for static file storage
• CloudFront for global CDN distribution
• Route 53 for DNS management
• ACM for SSL/TLS certificates

When to Use

This pattern is ideal when you need:

• Static HTML, CSS, and JavaScript hosting
• Single-page application deployment
• High availability without server management
• Global content distribution
• Cost optimization for static content

Common Configurations

• Marketing websites and landing pages
• Documentation sites
• React, Vue, or Angular applications
• Static blog platforms (Hugo, Jekyll)

Considerations

• No server-side rendering (use Lambda@Edge if needed)
• CORS configuration required for cross-origin requests
• CloudFront invalidation needed for cache updates
• Index document and error handling configuration