How To Setup Amazon S3 + CloudFront + Route53

If you are just starting out, and in many cases even when you are buying a decent amount of traffic, Amazon Web Services offers a great solution when it comes to cost for performance.

S3 is cheap and scalable cloud storage that can be used for website hosting. CloudFront is a global Content Delivery Network (CDN), which greatly improves your landing page load time when running international traffic. Route 53 is a scalable DNS and Domain Name Registration which significantly improves requests latency to your domain, all over the world. If any of these terms are not clear, you can ask in the comments and I will be glad to explain more, or you can google it for more details.

In this article, I will present to you how to set this up, step by step, exactly how we have it in our internal documentation. I assume you already have an Amazon Web Services account, a domain you want to use for hosting your landers, and at least one landing page.

1. Sign into AWS and go to S3 section.

 

2. Click Create Bucket

3. Name your bucket like your domain, for easy identification and click create. 

4. Click the newly created bucket and Static Website Hosting.

5. Add the name of the index and 404 document. It can be a blank file for both.

6. In the same bucket properties, click Permission and Add Bucket Policy. Copy paste this code while replacing MYBUCKET with your bucket name.

7. Click Save and the bucket is now setup.

8. Go into the bucket, and upload your landing pages.

9. You can check if the file are publicly accessible by going to the website endpoint for your bucket, for example:

adefytutorial.com.s3-website-ap-southeast-1.amazonaws.com/landingpage.html

10. Go back to the services dashboard and go to CloudFront.

11. Click Create Distribution and Get Started for the Web distribution.

12. Select your newly created bucket as origin. Alternatively, you can paste your bucket Amazon AWS domain, i.e. adefytutorial.com.s3-website-ap-southeast-1.amazonaws.com

13. Add the domain(s) you want to use in the Alternate CNAMEs section, then scroll down and click Create Distribution.

21563f0f356245658b9c11be75a50531

14. In the CloudFront Distributions copy the domain name to set it up on Route53.

15. Go to the AWS dashboard and select Route 53

16. Go to Hosted Zones and click Create Hosted Zone.

17. Input your domain name that you are going to use

18. Go to the hosted zone and Create Record Set.

19. Set Type as A, Alias Target as your CloudFront domain name. It should show up in the list after you paste it.

20. Click Create

21. Replace your DNS entries at your registrar’s to use the Route 53 NS records

Give it 15 minutes or so for these changes to propagate. Check at your domain now if the landing pages work correctly.

With this setup you no longer have to worry about your server crashing, or poor latency because of a slow service, or inappropriate location. Is this the absolute best you can get for any geo? No. It’s a great setup with little effort and reasonable price, and almost 0 maintenance cost, in both time and money. You can focus on optimizing campaigns instead of putting out fires in your technical setup.

The following two tabs change content below.

Emanuel Cinca, aka Manu

My story starts in Lipova, Romania, a town of about 10,000 inhabitants, where I was born in a working class family. Growing up in a family that had a shaky financial base and relied solely on month to month wages, and sometimes on short term loans from friends, I knew that I a) didn’t want to get a regular job EVER, and b) I want to have true financial independence.

Fast forward to my high school days, I got admitted into the number one high school of Arad county, “Moise Nicoara” National College. Don’t ask me why they call it a college, that’s just the translation from Romanian. I had a passion for technology and computers, so it seemed natural that I wanted to get into the so called informatics class.

The 4 years here taught me that:

1. Where you come from has little to no impact on your ability to learn, your skills and their value

2. Being number one high school is overrated

3. In the standard educational system, you are not allowed to excel at something, until you have proven to be above average at everything else.

4. Grades are an extremely flawed measurement of someone’s skills

5. I know myself better than anyone else, so I should make my decisions, not anyone else, and I should be OK with the consequences.

These learnings will be reflected in some of my posts here.

After high school, I quit University after 2 months in… TWICE! One time I quit Computers and Information Technology, and the second time I quit Business Administration.

During these years I also developed a passion for poker. I was a content producer at the world’s biggest online poker school for 2 years, and I wrote a book with a Maths professor from Nottingham and TT, who also blogs here. The book is called The Education of a Modern Poker Player.

I moved to Vienna in 2013, at TT’s initiative, and had several failed ventures together, all leading up to what is now Adefy.

I have a keen interest in psychology and in data, which makes performance marketing such a great industry for me. I blog about these topics, sometimes adding education, personal development, and management to the mix.

Interested in: Psychology. Marketing. Management. Investing. Startups. Entrepreneurship.

Hobbies: Reading. Fitness. Football. Travelling.

Connect with me:

LinkedIn: https://www.linkedin.com/in/emanuelcinca

Twitter: https://twitter.com/emanuelc16

Snpachat: https://www.snapchat.com/add/emanuel_cinca

Facebook: https://www.facebook.com/emanuel.cinca

Read More