If you find yourself conditionally adding html tags or attributes with “if” statements then you should checkout the Hugo composable helpers.

An even better way to make inside out partials. Simplifying it and making it even more powerful.

A guide on how we use bookshop to expand our use of inside out layouts with partials

Learn how to use inside out layouts to make your development life better.

Deploy a Hugo site to Fly.io using NGINX to handle 404’s and case insensitive urls.

Learn how to dynamically generate opengraph images using custom Hugo output types and OpenGraphImage.com.

My go to setup for working in Hugo. AlpineJS provides the right amount of interactivity with Hugo’s static output. This setup also leverages TailwindCSS’s amazing JIT compiler without any Hugo hacks.

Here I walk through setting up Hugo in a Docker environment to speed up my development process. Docker helps keep my projects environment isolated making it easy to continue where I left off without fear of pollution from my local machine environment versions.

Jon Cain expands on a tutorial from Glenn McComb around building a custom pagination component for Hugo. While Hugo has a built in pagination mechanism, there’s times when you need a little something extra.

The second part of the series where the Hugo expert himself, Regis Philibert, walks through Hugo’s return partials introduced in Hugo 0.55.0. return is a powerful feature, but, has some gotchas that Regis explains.

Glenn McComb has written an excelent tutorial on Hugo’s pagination and some of its limitations. He also shows you how you can build your own custom version using Hugo partials.

Partials are one of the most used and maintained Hugo template files. They are our components, our includes, our bits, and recently even became our functions.

Using Hugo to grab our data from a remote source using resources.GetRemote — Hugo’s own fetch API —, keep using Hugo to generate markdown files using its resources.FromString, and finally build our Hugo project with the aforementioned content files.

In this article, we’ll see how any Hugo project can use files stored on a distant repository and make them its own using the Module imports and mounts logic.

Then, we’ll dive into what exactly constitute a Hugo Module by creating our own!

CloudCannon’s new Snippets feature brings full support and full integration for built-in and custom Hugo shortcodes — across our Visual, Content, and Source Editors.

At the recent HugoConf, Jeanne Haskett, Nathalie Laroche, and Kimberley Brown — part of the Nuance Communications TechPubs team — presented their process for using Hugo modules, which enables efficient content reuse and consistency across Nuance’s multiple products. We found their presentation really helpful and informative, so without further ado, let’s find out more about…

Learn the basics of Hugo and build your first site in this six-part beginner series.

Developed principally by CloudCannon’s Liam Bigelow, Pagefind is a new free/open-source tool for quickly adding site-wide search to a website which, like this one, originates from a static site generator (SSG).

If you’re a developer creating a portfolio website or a personal blog that no one else will ever need to update, you might not. But for digital agencies, developers-for-hire, and everyone else on your team — including future team members, whose technical skills or enthusiasm to learn new tools aren’t yet known — you’ll want to future-proof your website editing and page-building capability. In the discovery phase of a new site build, it’s crucial to find the right content management system for your Hugo websites, and not just one that’s ‘good enough for now’. And that’s where CloudCannon comes in.

Hugo cannot build distinct pages from data sources outside of individual files! No section of a site can be safely populated from an external API such as a headless CMS. That is, not on its own. Yes there is a work-around!

Providing responsive and intuitive documentation is a key concern for every software business, from SaaS to desktop applications. Whether you’re documenting a series of steps or explaining precisely how to get the most from your product, you’ll need a fast and SEO-friendly website for your knowledge base.