Just like vinyl LPs, static sites are making a comeback, evidenced by the wide array of static-site generators now available. This practical book shows you hands-on how to build these simple sites for blogs and other use cases, and how to make them more powerful. In the process, you’ll work with some of today’s more mature and popular static-site generators.
Authors Raymond Camden and Brian Rinaldi explain the advantages of using static-site generators for building fast and secure sites. Web and frontend designers and developers will also explore methods for adding dynamic elements and for migrating an existing CMS to a static site.
- Build a basic four-page static site with the Harp generator
- Create a simple blog with Jekyll
- Develop a documentation site with Hugo by generating site files and creating the layout
- Add dynamic elements, such as forms, comments, and search
- Integrate a CMS with tools such as CloudCannon and Netlify CMS
- Use one of several options to deploy your static files
- Learn methods for moving an existing CMS to a static site
Table of Content
Chapter 1Why Static Sites?
Benefits of Static Sites
Chapter 2Building a Basic Static Site
Welcome to Harp
Your First Harp Project
Working with Layouts and Partials
Working with Data
Generating a Site
Building Camden Grounds
Going Further with Harp
Chapter 3Building a Blog
Blogging with Jekyll
Your First Jekyll Project
Writing a Post
A Quick Introduction to Liquid
Working with Layouts and Includes
Adding Additional Files
Working with Data
Configuring Your Jekyll Site
Generating a Site
Building a Blog
Going Further with Jekyll
Chapter 4Building a Documentation Site
Characteristics of a Documentation Site
Choosing a Generator for Your DocumentationSite
Our Sample Documentation Site
Creating the Site
Going Further
Chapter 5Adding Dynamic Elements
Handling Forms
Adding Comments
Adding Search
Even More Options
Chapter 6Adding a CMS
CloudCannon
Netlify CMS
Jekyll Admin
More Options
Chapter 7Deployment
Plain Old Web Servers
Cloud File Storage Providers
Deploying with Surge
Deploying with Netlify
Summary
Chapter 8Migrating to a Static Site
Migrating from WordPress to Jekyll
Other Migration Options
Go Forth and Be Static
