Back to Github Projects

    React Website AWS CDK

    React website deployment using AWS CDK with S3, CloudFront, and Route 53

    Language: Python
    AWS
    CDK
    React

    Architecture Diagram

    React Website AWS CDK Architecture

    About

    A comprehensive Infrastructure as Code (IaC) solution for deploying React applications to AWS using AWS CDK with Python. This project demonstrates how to build a scalable, secure, and cost-effective static website hosting solution on AWS. The architecture includes S3 for storage, CloudFront for global content delivery, Route 53 for DNS management, and AWS Certificate Manager for SSL certificates.

    Key Features

    • Infrastructure as Code with AWS CDK (Python)
    • S3 bucket for static website hosting with public read access
    • CloudFront distribution for global content delivery and caching
    • Route 53 hosted zone and DNS records for custom domain
    • AWS Certificate Manager for SSL/TLS certificates
    • Automated certificate validation via DNS
    • HTTPS redirect and security headers configuration
    • Cost-optimized S3 storage class and CloudFront caching policies

    Technologies Used

    Python
    AWS CDK
    S3
    CloudFront
    Route 53
    Certificate Manager
    React
    HTML/CSS/JS

    Challenges & Solutions

    • Configuring S3 bucket policies for public website access
    • Setting up CloudFront distribution with proper caching behaviors
    • Automating SSL certificate creation and DNS validation
    • Managing Route 53 DNS records and domain configuration

    Results & Impact

    • Fully automated infrastructure deployment with single command
    • Global content delivery with CloudFront edge locations
    • Secure HTTPS-only website with automatic certificate management
    • Cost-effective hosting solution with pay-as-you-go pricing

    Repository Information

    Primary Language:Python
    GitHub Repository:View Source Code