How to Deploy a Static Website on AWS with S3, CloudFront, & GitHub Actions | Full Project (2026)
🚀 Learn how to deploy a secure, high-performance static website on *Amazon Web Services (AWS)* using *S3**, **CloudFront**, and **GitHub Actions* — with automatic HTTPS and full CI/CD.
In this real-world AWS project, you’ll build and host a static site using Amazon S3 for storage, secure it with CloudFront, and automate deployment with GitHub Actions. This tutorial covers everything you need for a production-ready setup — no frameworks, no servers!
00:00 Introduction & Architecture Diagram
00:46 Creating the S3 Bucket for Hosting
01:40 Enabling Static Website Hosting Properties
02:57 Access Denied? (Explaining Public vs. Private Access)
03:02 Uploading the initial index.html
03:50 Configuring the CloudFront Distribution
04:09 Creating Origin Access Control (OAC)
06:23 Attaching the S3 Bucket Policy for CloudFront
08:18 Testing the CloudFront URL
09:03 Understanding CDN Caching & Manual Invalidations
11:18 Automating with GitHub Actions (CI/CD Overview)
11:42 Creating the IAM GitHub Deployer User
12:13 Writing the Custom IAM Permissions Policy
14:55 Generating AWS Access Keys for GitHub
15:37 Setting up the GitHub Repository
16:37 Adding AWS Secrets to GitHub Repository
18:52 VS Code Setup & Cloning the Repo
20:11 Organizing Project Folder Structure
21:14 Writing the GitHub Actions Workflow (.yml)
23:08 Testing the Automated Deployment Pipeline
24:43 Final End-to-End Demo & Recap
🔧 *What You'll Learn:*
Create a secure S3 bucket for static hosting
Set up CloudFront with HTTPS (no ACM or Route 53 required)
Use Origin Access Control (OAC) to restrict S3 access
Configure GitHub Actions to deploy your site on every push
Invalidate CloudFront cache automatically
📦 *Tech Stack:*
AWS S3, CloudFront, OAC, IAM, GitHub Actions, HTTPS
🧠 Perfect for:
Developers building a personal portfolio site
Students learning real-world AWS workflows
Anyone looking to master static site deployment on AWS
🔗 *Resources:*
GitHub Code: https://github.com/Kobbyjust/static-w...
Thumbnail by: Tech with Kobina
Subscribe for more real AWS tutorials!
#AWS #S3 #CloudFront #GitHubActions #StaticWebsite #RealWorldProject #CloudComputing #DevOps #TechWithKobina