Static website hosting over AWS using Route53, CloudFront and S3
In this article, we will explore steps to create a resume and host it over a domain using AWS services.
# Outcome of this article
My cloud resume.
Steps explained in this article -
- Resume — Created using HTML, CSS & JavaScript
- Code Repository — Github.com
- File Hosting — AWS S3
- CI/CD Pipeline — Github Actions
- CDN (Content Delivery Network) — AWS CloudFront
- DNS (Domain Name Service) — AWS Route 53
- SSL(Secure Security Layer) certificates — AWS Certificate Manager
1. Resume — Created using HTML, CSS & JavaScript
Resume content is added in index.html and available here to view. This can be created any editor (Notepad, vscode, .. )
HTML, CSS and other static file location.
2. Code Repository — Github.com
Code repository used here is github.com, this also makes easy to use github actions
3. File Hosting — AWS S3
AWS S3 is object storage service and can be used to host static files.
More details about how I created bucket and pushed my initial files in this readme file.
4. CI/CD — Github Actions : Automatically push files to S3 from git repo
Github Actions allows to automate workflows and for this we have created aws.yml file under .github\workflows\ in our repository.
5. CDN using AWS CloudFront
CloudFront securely deliver content with low latency and high transfer speeds.
Here is article that can be followed to create CloudFront distribution over S3.
6. DNS (Domain Name Service) — AWS Route 53
Now we need a domain which will be used as address for cloud resume. In my case I purchased and configure this domain using resources here.
7. SSL(Secure Security Layer) certificates — AWS Certificate Manager
Once we configure domain then we need SSL certificate to make secure connections to our site via browser.
Here I used AWS Certificate Manager and these steps to request SSL certificates.
In this post, we explored the steps that I used to create v1 of my cloud resume using AWS services.
Yes, V2 of this resume on the way in few days.
