Hugo in Action

Build and deploy a live website in just 30 minutes using Hugo. The Hugo engine lets you rapidly deliver static sites that are low maintenance, high performance, and feature rich.

In Hugo in Action you will learn:

• Building web pages with Hugo and Jamstack
• Creating content using Markdown
• Content management with Hugo
• Designing new Hugo themes
• Using the Go template language
• Managing dependencies with Hugo modules
• Accessing APIs with Jamstack
• Adding a shopping cart using JavaScript
• Content tagging with markup

Sometimes, simple is better. Static websites—sites with fixed content—are easier to create and maintain, and inherently more secure than dynamic pages. Hugo in Action is a hands-on guide to using the Hugo static site engine to render these websites in milliseconds. Working with a complete example website and source code samples, you’ll learn how to build and host a site that will wow users and stay stable without a third-party server. Full coverage of the Jamstack (Javascript, APIs, Markdown) shows how easy it is to add complex features to super-simple sites, including eCommerce shopping carts, dynamic forms, and multilingual options.

About the technology

Because they load pre-built pages, static websites are simple, secure, and incredibly fast. With the Hugo static site generator you can build and render a website in seconds without the grind of hand coding the pages. Hugo takes a directory of content and templates and renders it as a full HTML and CSS website—perfect for blogs, documentation, and other sites that don’t require real-time updates.

About the book

In Hugo in Action you’ll learn step-by-step how to build efficient, low-maintenance static web sites. You’ll use Hugo as a CMS and web development environment, create custom pages, and design your own Hugo themes. And you won’t stop there! Moving beyond the basics, you’ll incorporate the Jamstack model to add capabilities like eCommerce and your own APIs. The result: rich websites that are flexible and incredibly stable.

What’s inside

Building web pages with Hugo and Jamstack

Using the Go template language

Managing dependencies with Hugo modules

Content tagging with markup

About the reader

For web developers with a basic knowledge of JavaScript.

Table of Contents

PART 1 STATIC HUGO WEBSITES: LOADING FAST, BUILDING TO LAST

1 The Jamstack and Hugo

2 Live in 30 minutes: You now have a website

3 Using markup for content

4 Content management with Hugo

5 Custom pages and customized content with the Go template language

6 Structuring web pages

7 Creating your own theme

8 Hugo Modules: Plugins for everybody

PART 2 EXPANDING WITH THE JAMSTACK: DYNAMIC OUTSIDE, STATIC INSIDE

9 Accessing APIs to enhance functionality

10 The power of JavaScript

11 Breaking barriers with custom APIs and webhooks

12 Adding e-commerce capabilities using the Jamstack

About the author

Atishay Jain is a Senior Computer Scientist at Adobe. He has developed web-based software used by millions of Adobe Creative Cloud customers.