AWS S02 L05 deploy Vite React website to AWS CloudFront

📘 DEPLOY VITE REACT WEBSITE TO AWS CLOUDFRONT In this lesson we complete the deployment pipeline for a React frontend hosted on AWS CloudFront and Amazon S3. We upload a Vite production build into an S3 bucket, invalidate the CloudFront cache, automate deployment with shell scripts and pnpm commands, and create a fully repeatable deployment workflow using AWS CDK, SSM Parameter Store and the AWS CLI. --- 🎯 IN THIS VIDEO Understanding the complete frontend deployment workflow Reviewing the Vite production build output Understanding the dist folder Uploading website files to Amazon S3 Using aws s3 sync Using the --delete option Invalidating CloudFront caches Using aws cloudfront create-invalidation Understanding CloudFront cache refresh Creating reusable deployment shell scripts Using AWS Systems Manager Parameter Store (SSM) Reading parameters using AWS CLI Storing CloudFront distribution IDs Storing S3 bucket names Automating deployments with pnpm scripts Building reusable monorepo deployment workflows Running complete end-to-end deployments Destroying and fully rebuilding AWS infrastructure Using cdk destroy Cleaning monorepo temporary files Full system redeployment from a clean repository --- 📦 TECHNOLOGIES COVERED AWS CloudFront Amazon S3 AWS Systems Manager Parameter Store (SSM) AWS CLI AWS CDK React Vite pnpm Bash shell scripting TypeScript --- 💻 WHY THIS MATTERS This lesson introduces the same style of automated deployment workflow used in real-world cloud development environments. The deployment process now becomes: React source code → Vite build → S3 upload → CloudFront invalidation → live public website By the end of this lesson the entire AWS system can be: deployed from scratch destroyed completely rebuilt automatically managed entirely from scripts and source code This forms the foundation for professional CI/CD and DevOps workflows later in the course. --- 🌐 COURSE PORTAL https://richardbraycourses.co.uk --- 📂 COURSE REPOSITORY https://github.com/RichardBrayCourses... --- 📘 AWS SERVERLESS WEB DEVELOPMENT COURSE Build complete real-world AWS applications using: React → TypeScript → Lambda → CDK → S3 → CloudFront → PostgreSQL → Cognito → AI → DevOps