An Interest In:
Web News this Week
- March 21, 2024
- March 20, 2024
- March 19, 2024
- March 18, 2024
- March 17, 2024
- March 16, 2024
- March 15, 2024
Host a static website on AWS under a minute with Terraform
If you have a static website and you want a simple solution, S3 and Cloudfront are great choices. S3 with Cloudfront secure, scalable way to host static content. Also, we will get an SSL certificate for our domain and it will be free.
Prerequisites
Before the deployment of this terraform module, make sure your hosted zone exists in Route 53 and move your domain to Route53 by changing NS records on your DNS provider.
We will use 4 AWS Services;
S3 - Storing website files (HTML, CSS, JavaScript)
Cloudfront - CDN
Certificate Manager - SSL Certificate
Route 53 - DNS records
Since we are using Cloudfront we don't need the public bucket, so we will create a private S3 bucket. We will use OAI (Origin Access Identity) settings when we create Cloudfront. This means that only our Cloudfront distribution can access and read the files in our S3 bucket. Also, we will create an SSL certificate from Certificate Manager and Cloudfront redirect all HTTP traffic to HTTPS.
First clone the repository
git clone [email protected]:emreoztoprak/terraform-aws-s3-cloudfront-acm.git
Change these two variables in the terraform.tfvars file.
SiteTags = "Example" (Tag value of the resources.)domainName = "example.com"
You can now run this module when you change the variables.
terraform initterraform planterrafom apply --auto-approve
After the deployment is completed upload your website files to in S3 Bucket. I configured DefaultRootObject as index.html. Basically, when users access your root URL they will see index.html file.
I just uploaded a simple HTML file.
Congratulations. You made it. :)
Hope you find this tutorial helpful!
Original Link: https://dev.to/aws-builders/host-a-static-website-on-aws-under-a-minute-with-terraform-3hmd
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To