Hoe plaats je een eenvoudige statische landingspagina op AWS?

Amazon S3, ingesteld voor een statische website, met AWS CloudFront voor CDN en SSL.

1. Maak een S3-bucket met openbare toegang.
2. Upload de bestanden van de statische website (index.html, CSS, JS, afbeeldingen).
3. Schakel "Statische websitehosting" in de bucketinstellingen in.
4. Geef index.html op als indexdocument.
5. (Optioneel) Configureer het foutdocument.
6. Maak een CloudFront-distributie.
7. Kies als Origin Domain de aangemaakte S3-bucket (uit de lijst).
8. Configureer caching en gedrag (Behavior) indien nodig.
9. (Optioneel) Koppel een aangepast domein en upload een SSL/TLS-certificaat vanuit AWS Certificate Manager (ACM).
10. Wacht tot de CloudFront-distributie is uitgerold.
11. Gebruik de CloudFront-domeinnaam (of het gekoppelde aangepaste domein) om toegang te krijgen tot de site.

Voorbeeld van een bucketbeleid voor openbare toegang:

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