Hugo in Action
Static sites and dynamic JAMstack apps
Atishay Jain
  • MEAP began September 2019
  • Publication in Spring 2020 (estimated)
  • ISBN 9781617297007
  • 350 pages (estimated)
  • printed in black & white

Very well written and has a great pace for introducing the reader to all the concepts and real-life workflows for building JAM stack based websites with Hugo.

Milorad Imbra
Static websites—sites with fixed content—are the simplest type of web pages. In addition to being easier to create and maintain, they’re inherently more secure that dynamic pages. And with the Hugo static site engine, you can render them in milliseconds. Hugo in Action is a step-by-step guide to using Hugo to create static websites that really show off the advantages of simplicity. Working with a complete example website and source code samples, you’ll learn how to build and host a low-maintenance, high-performance site that will wow your users and stay stable without relying on a third-party server.
Table of Contents detailed table of contents

Part 1: Building a Static Hugo Website

1 The JAM stack with Hugo

1.1 Parts of the JAM stack

1.1.1 JavaScript

1.1.2 Application Programming Interfaces(APIs)

1.1.3 Markup

1.2 How does the JAM stack work

1.3 How is JAM different from LAMP, MEAN or MERN?

1.4 Why use the JAM Stack?

1.4.1 Minimal Operations

1.4.2 Great Performance

1.4.3 Lower costs

1.4.4 Developer Productivity

1.4.5 Longevity

1.4.6 Tooling

1.5 Selecting the builder

1.5.1 Jekyll

1.5.2 Gatsby

1.5.3 Hexo, Pelican, VuePress, Nuxt and others

1.5.4 Hugo

1.6 Why choose Hugo?

1.6.1 Hugo is fast

1.6.2 Hugo is built for performance

1.6.3 Hugo is self-contained

1.6.4 Hugo is distributed as a single file

1.6.5 Hugo can be extremely low maintenance

1.6.6 Hugo can save you from analysis paralysis

1.6.7 Hugo is powerful

1.6.8 Hugo is scalable

1.6.9 Hugo is a community project

1.7 Is speed really important?

1.8 What can we build with Hugo?

1.8.1 Personal websites and blogs

1.8.2 Non-technology Business website

1.8.3 Documentation websites

1.8.4 Hybrid JAM stack based websites

1.9 Summary

2 Live in 30 minutes — you now have a website

2.1 Your first Hugo website

2.1.1 The Hugo command line

2.1.2 Adding to source control

2.1.3 Structure of a Hugo website

2.2 Adding a theme

2.2.1 Enabling the theme via Hugo Modules

2.2.2 Running the dev server

2.3 Adding content

2.3.1 Configuration

2.3.2 Content Pages

2.3.3 Landing Page

2.4 Continuous Delivery

2.4.1 Netlify hosting

2.4.2 Github Pages

2.4.3 AWS, Azure and Google Cloud

2.5 Meeting the goals for performance and maintainability

2.5.1 Performance

2.5.2 Maintainability

2.6 Choose the theme wisely

2.7 Summary

3 Using Markup for content

3.1 Writing content in Markdown

3.1.1 Paragraphs in Markdown

3.1.2 Headings, lists and other block elements

3.1.4 HTML

3.1.5 Tables, Task Lists, Code Blocks

3.1.6 Fractions, emojis and other Hugo extensions

3.2 Markdown in Action

3.2.1 Block Elements

3.2.2 Inline Elements

3.2.3 Inline HTML and character codes

3.2.4 Tables

3.2.5 Fractions, emojis and other extensions

3.3 Other Markup languages

3.4 Metadata

3.4.1 Comments

3.4.2 Basic data types

3.4.3 Multiline strings

3.4.4 Lists

3.4.5 Dictionaries

3.4.6 Revisit config.yaml

3.5 Other metadata languages

3.6 Front Matter

3.6.1 Common Metadata elements in the Front Matter

3.6.2 Data-driven landing page using the Front Matter

3.7 Benefits of using markup and metadata languages

3.7.1 Cleanliness

3.7.2 Theme independence

3.7.3 Content Versioning

3.8 Summary

4 Content Management with Hugo

5 Custom Pages in Hugo

6 Structuring web pages with Hugo

7 Creating your own theme

Part 2: Expanding with the JAM Stack

8 Accessing APIs to enhance functionality

9 The power of JavaScript

10 Adding eCommerce capabilities using the JAMStack

11 Extending functionality by building your own APIs

12 Wrapping it up

About the Technology

Sometimes, simple is better. Developers of static web pages enjoy great performance, flexibility, scaling, and minimal ongoing maintenance. And with the Hugo engine, you can build and render them in milliseconds. Written in Go, the Hugo engine takes your directory of content and templates and renders it as a full HTML and CSS website. It uses Markdown files for its data, making it quick to code, capable of running from any directory, and a great choice when working on a shared system where you don’t have full privileges. Perfect for blogs, documentation, and portfolio sites, Hugo makes web development fast and fun again.

About the book

Hugo in Action teaches you to build and host your own fully customizable static website with the Hugo engine. This friendly tutorial teaches you step-by-step how to use Hugo as a Content Management System and web development environment. Working with a complete company example website and source code, you’ll get to grips with using Markup for content tagging, moving off-template to build your own Hugo themes, and creating custom pages. Next, you’ll push further than you thought was possible with a static site, using JavaScript and the JAM Stack (JavaScript, APIs, and Markup) to add functionality like eCommerce and your own APIs. When you’re done, you’ll have the skills to build a stable but feature-rich website without relying on third-party server code.

What's inside

  • Installing Hugo and building your first web page
  • Using the Go Template language
  • Forking themes
  • Building your own APIs

About the reader

For web developers with intermediate knowledge of HTML/CSS and basic knowledge of JavaScript.

About the author

Atishay Jain is a Senior Computer Scientist at Adobe, who has developed web-based software used by millions of Adobe Creative Cloud customers on a daily basis.

Manning Early Access Program (MEAP) Read chapters as they are written, get the finished eBook as soon as it’s ready, and receive the pBook long before it's in bookstores.
MEAP combo $49,99 pBook + eBook + liveBook
MEAP eBook $39,99 pdf + ePub + kindle + liveBook
Prices displayed in rupees will be charged in USD when you check out.

placing your order...

Don't refresh or navigate away from the page.

FREE domestic shipping on three or more pBooks