Create a CloudFront with S3 Origin

Steps

On S3

Create an S3 bucket with the same name of the domain

Make Bucket Public

Modify Bucket Policy

The policy should look something like this:

{
    "Version": "2012-10-17",
    "Id": "Policy1668704870412",
    "Statement": [
        {
            "Sid": "Stmt1668704869551",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:*",
            "Resource": "arn:aws:s3:::app.wefind.ca/*"
        }
    ]
}

Important: Do not forget the /* at the end of the S3 arn. Otherwise, you can waste a lot of time wondering what’s wrong.

"Resource": "arn:aws:s3:::geo-eu.dev.zenapptic.dev/*"

Set Host Website True

Upload Static Files

On Cloud Front

Make

On Route53

Create an A record to point to the Cloud Front Distribution

Certificate Manager

Useful Resources

https://youtu.be/uNWHAy5TTx8