Infrastructure > Admin Area
Overview
Learn about the cloud infrastructure resources used to host the Admin Area React application.
- What cloud infrastructure resources host the Admin Area
- Why CloudFront and S3 are sufficient for React SPAs
- How the Admin Area application is deployed
Overview
The Admin Area is a React single-page application (SPA) hosted entirely on AWS using Amazon CloudFront and Amazon S3. This simple, cost-effective architecture is ideal for SPAs because all application logic runs in the browser, requiring only static file hosting.
CloudFront serves as the CDN for global distribution, while S3 stores the built React application files (HTML, JavaScript, CSS, images).
Infrastructure
This diagram excludes network-level resources like VPC and availability zones. See Deployment Modes for the complete network architecture.
Admin Area InfrastructureThe Admin Area infrastructure consists of two AWS resources:
- Amazon CloudFront
A - CDN distribution that serves files globally from edge locations - Amazon S3
B - Object storage bucket containing the built React application
Key Points
Static File Hosting: The Admin Area is deployed as static files, making it simple to host and scale. All API requests from the Admin Area are sent to the separate API infrastructure.
Global Distribution: CloudFront edge locations serve files from the closest geographic location to users, improving load times worldwide.
Cost-Effective: This architecture has minimal fixed costs and scales automatically based on traffic.