Learning Static Site Building with Hugo

Learn how to build cloud-hosted static websites that are dramatically faster, cheaper, and more secure with Hugo.

Introduction

• Build a static site with Hugo
• What you should know
• How to use the exercise files

1. How Static Sites Work

• How static sites work
• Advantages of static sites
• When to use static sites
• Choosing a static site tool

2. Set Up Hugo

• Why Hugo?
• Install Hugo
• Install Git
• Create a new Hugo site
• Add a Hugo theme
• The site configuration file
• Preview the site locally

3. Build a Website

• Add a post
• Edit front matter content
• Add a page
• Add static content
• Customize the error page
• Generate the site files

4. Prepare for Publishing

• Publishing options for static sites
• Set up GitHub
• Set up Travis CI
• Get a domain name
• Choose your deployment option

5. Deploy via FTP

• Deploy via FTP overview
• Set up Node and npm
• Connect to the server
• Collect the local files
• Remove old files from the server
• Upload the site content
• Deploy via FTP with Travis CI
• FTP next steps

6. Deploy to AWS

• Deploy to AWS overview
• Set up Amazon S3
• Set up Amazon CloudFront
• Configure DNS
• Define an AWS user
• Deploy to AWS with Travis CI

7. Deploy with Netlify

• Deploy with Netlify overview
• Connect Netlify and GitHub
• Deploy your site with Netlify
• Add a custom domain and HTTPS

Conclusion

• Deployment recap
• Next steps