Learning Static Site Building with Jekyll

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

Introduction

• Build a static site with Jekyll
• What you should know

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 Jekyll

• Why Jekyll?
• Install Jekyll
• Install Git
• Create a new Jekyll site
• Preview the site
• Install a theme
• The site configuration file

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
• Learn more about Jekyll

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 Netifly

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

Conclusion

• Deployment recap
• Next steps