Learn how DNS records let you point your visitors to content on CloudFront. Nate explains how to configure CNAME and URL redirect records to serve your visitors properly.
- [Instructor] Your static site will live…as a CloudFront Distribution…with a randomly generated name.…But you can update the DNS settings for your domain name…so that your visitors never know the difference.…In your domain registrar's web console,…find the custom or advanced DNS settings page.…We need to add two records here.…First is a CNAME record for the host dub dub dub…and the target being the CloudFront domain name,…which we can copy from the CloudFront console.…
I'll go ahead and save that one.…And then we also need to add a URL redirect record…for the at sign host.…And we'll point the URL to HTTPS…dub dub dub dot awesomestaticsites.com.…And then I want to clear out the two records…that were already there.…The CNAME record makes sure anyone…who visits dub dub dub dot…awesomestaticsites.com will actually…be served the contents of your CloudFront distribution.…
Because of some limitations of the DNS system,…we have to use a subdomain like dub dub dub.…However, the URL redirect record will make sure…that someone who types the 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: Configure DNS