Static Web Content and AWS

Cloud9 + S3 - Route 53 = Rapid Static Web Site

AWS Nomads #2: The scrappy internet app developer will always need a quick way to get static content flowing. Everything here can be done with a mobile web browser.

Image for post
Image for post
The Cloud is Here to Serve You

Step 1: (Optional) Use your developer AWS account.

Step 2: Create your Dev Box

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

Step 3: Create your Website!

Image for post
Image for post

Step 4: Create your S3 Bucket

Image for post
Image for post
Image for post
Image for post
The default has the top check box checked; I unchecked it for this exercise.
Image for post
Image for post
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::www.mysite.com/*"
}
]
}

Step 5: Upload your Website

dev:~/environment/mysite $ aws s3 ls
2019-12-23 20:11:49 www.mysite.com
2019-12-23 19:22:07 www.myothersite.com
2019-11-21 09:13:12 elasticbeanstalk-us-west-2-92736412987234
dev:~/environment/mysite $ aws s3 cp index.html s3://sim.mysite.com/index.html
upload: ./index.html to s3://sim.mysite.com/index.html
dev:~/environment/bioculus $

Step 6: Validate the Hosting

Step 7: Configure DNS

Step 8: Initiate Rapid Development

F.A.Q.

Image for post
Image for post
This NeXT cube is thought to be the first webserver. And it’s not too far off the way I hosted websites in 1997 or so, although I used home-built webservers with overclocked motherboards running out of my basement.

Written by

Building web applications since 1992. Crikey, that’s a long time.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store