Learning Static Site Building with Hugo

Course details

Websites are a key part of modern business. Having a professional-looking website adds legitimacy to everything you sell and say. Hugo is a static site generator that can help you build a simple website in minutes—without any plugins or advanced programming. In fact, you may find the static websites you build with Hugo are dramatically faster, cheaper, and more secure than those built with dynamic platforms like WordPress. In this course, instructor Nate Barbettini explains how to build professional-looking, cloud-hosted websites with Hugo. Learn how to set up Hugo, choose a template, add posts and pages, and build your site. Nate also discusses the various deployment options available for publishing: FTP, Amazon Web Services, and hosting services like Netlify.

Learning objectives
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

Concepts

Introduction

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

How Static Sites Work

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

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

Build a Website

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

Prepare for Publishing

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

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

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

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