In this video, Nate discusses how using CloudFront to cache the S3 files will mean faster loading times and support for HTTPS. He demonstrates how to create a CloudFront distribution and configure it properly.
- Amazon S3 will do a great job of hosting…your static site files, but adding CloudFront…will take your site a step further.…CloudFront lets you bring your own domain name…instead of using the long, ugly S3 bucket URL.…CloudFront will take the files in your bucket…and cache them in every region in the world…as close as possible to your visitors.…This means super-fast loading times for your site.…CloudFront also makes it easy to add…a certificate to enable HTTPS on your site.…All you need to do is set up a CloudFront…distribution for your S3 bucket.…
What I'll do is search for CloudFront…in the services menu up here.…And I want to open that up in a new tab.…I'll leave the other tab open because we need…to copy something from there a little bit later.…In the CloudFront control panel I want to create…a new distribution, and it'll be a web distribution.…For the origin domain name, I want to copy…that full S3 bucket URL and paste it there.…So I'll go back to S3, copy this URL,…and paste it for the origin domain name.…
Author
Nate Barbettini
Released
12/14/2018- Advantages of static sites
- Installing Hugo and Git
- Creating a new Hugo site
- Building a new website
- Adding posts, pages, and static content
- Publishing your static site
- Deploying via FTP, AWS, and Netlify
Skill Level Beginner
Duration
Views
-
Introduction
-
1. How Static Sites Work
-
How static sites work1m 55s
-
Advantages of static sites1m 20s
-
Choosing a static site tool2m 13s
-
-
2. Set Up Hugo
-
Why Hugo?43s
-
Install Hugo46s
-
Install Git29s
-
Create a new Hugo site1m 49s
-
Add a Hugo theme1m 29s
-
The site configuration file1m 58s
-
-
3. Build a Website
-
Add a post1m 52s
-
Add a page2m 17s
-
Add static content2m 45s
-
Customize the error page1m 28s
-
Generate the site files1m 41s
-
-
4. Prepare for Publishing
-
Set up GitHub1m 46s
-
Set up Travis CI3m 24s
-
5. Deploy via FTP
-
Deploy via FTP overview2m 2s
-
Set up Node and npm1m 40s
-
Connect to the server7m 21s
-
Collect the local files4m 51s
-
Upload the site content2m 43s
-
FTP next steps1m 2s
-
-
6. Deploy to AWS
-
Deploy to AWS overview1m 53s
-
Set up Amazon S31m 54s
-
Set up Amazon CloudFront4m 8s
-
Configure DNS1m 24s
-
Define an AWS user3m 24s
-
Deploy to AWS with Travis CI4m 16s
-
-
7. Deploy with Netlify
-
Conclusion
-
Deployment recap32s
-
Next steps33s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Set up Amazon CloudFront