Host a static website on AWS under a minute with Terraform

#aws   #Terraform  

1_xajsz-0M2cDKMMkfckL9EQ.png

If you have a static website and you want a simple solution, S3 and Cloudfront are great choices. 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.

1_f0d8wrZrCfoa6Kz3a3BXhw.png

Cloudfront OAI ( Origin Access Identity )

                git clone git@github.com: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 init
terraform plan
terrafom 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!


Only registered users can post comments. Please, login or signup.

Start blogging about your favorite technologies and get more readers

Join other developers and claim your FAUN account now!

Avatar

Emre Oztoprak

DevOps Engineer, Teknasyon

@emreoztoprak
DevOps Engineer @teknasyon | AWS Certified Solutions Architect | AWS Community Builder
Stats
19

Influence

679

Total Hits

1

Posts

Discussed tools