A step-by-step guide to setting up reliable, scalable and high-performance web hosting using Amazon S3, Cloudfront and Route 53. David Pellerin is a Senior Tech Lead at TWG.

1. How To Set Up
World-Class Web
Hosting
© TWG 2016 TWG.IO

2. In this guide
you will learn The factors to consider
What “world class” web hosting means
And why it’s the industry gold standard
About Amazon AWS2
Using Amazon S3, Route 53 and Cloudfront
How to set up hosting for
your static website
3
1

3. David Pellerin
Senior Tech Lead, TWG
@davidpellerin

4. What makes
web hosting
world class?
Won’t fall down if you experience a sudden spike in
traffic
Reliability
Cheap and easy to extend as your audience grows
Scalability2
Fast, effective global content delivery
Performance
3
1

5. Amazon Web
Services (AWS)
• World class infrastructure
• Cheap and reliable
• Great scaling options
• Huge range of services
• Great community support
• Used by pretty much everyone
SOURCE: AMAZON

6. It’s also incredibly affordable.

7. (If you’re new to AWS, go
see how much you get for
free in your first year. It’s
pretty incredible.)

8. IT’S PRETTY MUCH UNANIMOUS
AWS is the industry gold
standard for web hosting.

9. Let’s set up a static site on Amazon S3
Using burrito.review as an example

10. (I love burritos)

11. What you’ll
be using
Amazon S3
Route 53
Cloudfront

12. Step One
• Create an AWS account
• To register your domain,
select Route 53
A highly available and scalable cloud
Domain Name System (DNS) web
service. Staying within Amazon’s
ecosystem keeps things simple.
Route 53

13. • To keep it simple, I used
Amazon for domain
registration
• This creates DNS records in
Route 53
TAKEAWAYS
Across multiple teams and
under challenging conditions
Account
Success

14. Step Two
• Click on S3
• Let’s create a bucket to store
the contents of our new
website
• Create a new bucket and
ensure the name matches your
full domain name:
www.burrito.reviews

15. Step Three
• Upload your static site
• You can use an app like
Transmit, or my personal
favourite (s3cmd) which is
available in HomeBrew
1.) brew install s3cmd
2.) setup your access keys
3.) s3cmd put * s3://www.burrito.reviews/

16. Step Four
• Enable static hosting
• Once in S3, click on your
bucket, then click
“Properties.”
• Select “Enable Web
Hosting”

17. Step Five
• Let’s take it to the next level and
add a CDN to our static site.
• Now we will setup the CDN
• Click on “CloudFront”
• Click on “Create Distribution”
• Under “Web” Click on “Get
Started”

18. CloudFront is a global content delivery
network (CDN) service that speeds up
delivery of your websites, APIs, videos
and other web assets.

19. Like other AWS services, it’s self-service
and pay-per-use so doesn’t require
upfront investment.

20. • Under “Origin Domain Name” Click
on the S3 bucket name that looks
like the domain you just created.
• Be sure to enter “Alternative
CNAMEs” of: “burrito.reviews”,
and “www.burrito.reviews”
• Also be sure to enter “Default
Document” of “index.html”
• Wait a few minutes for CloudFront
to provision it. ⏰

21. Step Six
• Let’s go back into Route 53
• Go into “Route 53”, and click on
“Hosted Zones”, and click on
your domain.
• This is where we will create the A
and CNAME records for our
domain.
• Click on “Create Record Set”

22. • Name = blank
• Alias = Yes
• Alias Target = Pick your
CloudFront name from the
dropdown
• Click “Create”
D N S S e t u p

23. • Name = www
• Alias = No
• TTL = 5 minutes (300 seconds)
• Value = burrito.reviews
• Click “Save Record Set”
D N S S e t u p

24. IT’S AS SIMPLE AS THAT
You now have world-
class web hosting.

26. Conclusion
With a CDN that allows users to see your site quickly
and reliably
Amazon is a world-class hosting provider
Each with its own learning curve, but there’s lots of
support and documentation.
It has tons of services2
Like s3cmd
There’s some great open
sources tools out there
3
1

27. Need a software team to set you up
for global success? We can help.

28. We’ve been building great
software for startups and
enterprises since 2002.
Understanding our clients’ users and
customers
Working with world leaders in innovation
Exploring new business opportunities
around emerging technology

29. We offer software design,
development, product
strategy and cloud services
From chatbots and APIs to mobile
development and cloud infrastructure,
we help our clients unlock their full
potential in this rapidly changing
digital world.
Our mission is to help build the most
innovative companies in the world.

30. Let’s connect
TWG builds great software applications for enterprises
and startups
David Pellerin
Senior Tech Lead
dpellerin@twg.io
@davidpellerin
PRESENTER
Adrienne Marshall
Business Development
adrienne@twg.io
416 - 850 - 2500
NEW BUSINESS
TWG.IO