1. AWS S3 - Static Website

#tools #website #getpublii #aws #s3

1. Registry web-domain.

I propose to use next services: aws.amazon.com (Route 53), Namecheap or GoDaddy.

2. Connect your web-domain

Create Hosted zone on Route 53

Pasted image 20250215143850.png

Pasted image 20250215144058.png

Change Default to Custom DNS

Go to Managing panel of your website on platform where you registered web-domain (if it not AWS).
Change default DNS to Custom DNS (example Namecheap)

Pasted image 20250215144818.png

In AWS come to your Hosted Zone and copy NS records (without last dot)

Pasted image 20250215145017.png

Put it in your Custom DNS fields (example Namecheap)
Your domain successfully connected with AWS infrastructure

3. AWS S3 bucket

Create AWS S3 bucket

Go to AWS S3
Choose relevant Region for your bucket

Pasted image 20250215150147.png

Press Create bucket.

Pasted image 20250215145739.png

Type name of your bucket, switch off "Block all public access", and press Create Bucket

Pasted image 20250215150334.png
Pasted image 20250215150519.png
Pasted image 20250215150639.png

Setup Static Website hosting

Pasted image 20250215151218.png
Pasted image 20250215151257.png

Enable + add Index.html to Index field

Pasted image 20250215151509.png
Pasted image 20250215151610.png

Add bucket Policy

Pasted image 20250215152355.png

put this code only change YOUR_BUCKET_NAME and Save it.

{
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "AddPerm",
            "Effect": "Allow",
            "Principal": "*",
            "Action": "s3:GetObject",
            "Resource": "arn:aws:s3:::YOUR_BUCKET_NAME/*"
        }
    ]
}

Pasted image 20250215152536.png
Pasted image 20250215152556.png

Test your bucket

Create index.html file (with text "test") on your computer and upload it on your backet.

Pasted image 20250215154354.png

Click add files and choose "index.html" , after that click Upload
Go to Property tab
List bellow and click on link

Pasted image 20250215162619.png

see that your file was Open correctly

Pasted image 20250215162652.png

4. Create SSL Certificate

Go to AWS Certificates Manager
Choose N.Verginia (region)
Click Request

Pasted image 20250215155646.png

Pasted image 20250215155750.png

Put name of your domain and click Request

Pasted image 20250215155929.png

Wait, in some minutes, you will see btn "Create records in Route 53" click it.

Pasted image 20250215160230.png

And after that click Create records
Go to List certificates

Pasted image 20250215160709.png

Wait 10 min -> Your domain status need to be Issued (green color).

Pasted image 20250215160929.png

5. Cloud Front Distribution

Create Cloud Front Distribution

Go to AWS CloudFront - and press Create distribution
Origin domain - choose your s3 bucket and click "Use website endpoint".

Pasted image 20250215165305.png

Don't enable secure protection "Web Application Firewall"

Pasted image 20250215163833.png

Add your Domain name and Choose certificate

Pasted image 20250215163359.png

It will be like this

Pasted image 20250215163541.png

Finish creating the CloudFront distribution

Pasted image 20250215163737.png

Wait some minutes when Deploying will be finished.

Pasted image 20250215164005.png

6. Connect CloudFront to Route 53

Set up the necessary DNS entries, either directly to the CloudFront distribution in Route 53 or as a CNAME in whatever DNS provider is hosting the zone for your domain.

Go to Route 53 and press Create record
After that choose Alias - > Cloudfront -> Your distribution

Pasted image 20250215164456.png