amazon-web-servicesamazon-route53static-html

How to set up static site in aws using S3 - is there a visual guide?


There are a bunch of tutorials that go over:

But they all seem incomplete and there seem to be a large number of gotchas to know.

Is there a set of screenshots to help reveal some of the mysteries to those of us who love to learn visually ?


Solution

  • First create the bucket.
    The name will need to be unique across aws so you may easily find your first choices is already taken.

    enter image description here

    For (a different) example I was able to use my initials as a prefix.

    enter image description here

    Configure options (below) - you can leave all these blank to get started !

    enter image description here

    Then find the 'Static Website Hosting' section:

    enter image description here


    And allow public access:

    enter image description here

    i.e. Unchecking it (I haven't tested individual boxes)

    enter image description here


    It's the first option for 'use this bucket to host a website'. Don't be confused by the Redirect requests, you'll deal with an a DNS alias for a redirect in Route53

    Note that this is where you can see the S3 endpoint that you'll use in DNS / Route53 below.

    enter image description here

    OK so now for Route53 which was harder to find good examples.
    Note that the names are generic
    The key parts are:

    enter image description here

    For verification:

    enter image description here

    enter image description here

    One more - here's the policy you need to add. A critical piece:

    enter image description here


    One last gotcha - once you have the site working, when you go to update future content to the bucket you will see:

    enter image description here

    Know that you don't need to change that. You can leave it as the default and the content will be available on the site anyway: