conf

21st September 2023
The free, online conference for everything Hugo

HugoConf 2023 was incredible!

Thanks to all our speakers, sponsors, and organizers for another great conference.
Let's do it all again next year! 

If you missed any talks at the conference, you can watch them all below.

Talks and workshops

Live Interview

Live Interview with Hugo contributor Joe Mooring

Joe Mooring

Joe Mooring

Contributor

Hugo

Learn how to contribute effectively (without code) to the Hugo project, with Joe Mooring.

Lightning Talk

Automated migration at scale: Migrate to Hugo from any existing site

One of the biggest hurdles to using a static site generator like Hugo is the initial transition from a different build tool, or a monolithic legacy CMS (WordPress, Drupal, etc). Of course, the advantages of an SSG are huge: you can select the best hosting, CI/CD, and CMS options for yourself, and maintain full control of your site content, without the same maintenance overheads.

Using our (very) new open-source tool StaticShape, I’ll show the beginnings of a new process — migrating and converting any site's static output to a set of templates, markup, and layouts ready for use in Hugo.

Lightning Talk

Hugobricks — stackable content blocks for Hugo

Joost van der Schee

Joost van der Schee

Web Developer and Owner

Usecue BV

Create a website with stackable content blocks. My current WIP can be found at hugobricks.preview.usecue.com. It is currently based on the awesome Hugo starter template from zeon.studio, but will soon be more similar to wpstackable.com.

WordPress here we come! ;-)

Lightning Talk

Manage your Hugo website with external content and assets

We will explore a strategy of separating the contents of your website from the source code like theme, partials, etc. It is a strategy that Elio has taken to allow contributors to edit the content without fiddling with the source code and accidentally breaking it.

You will learn how you can separate the content, and how you can keep it all in sync.

Workshop

How to create a Hugo theme from scratch

Berkay Çubuk

Berkay Çubuk

Problem Solver

MQTT Studio

Join me for a workshop where you'll discover the step-by-step process of crafting a custom Hugo theme from scratch. No prior knowledge of Hugo? No problem — beginners are welcome too!

Workshop

Portfolio Power-Up: Elevate Your Technical Brand with Hugo

Liz Miller

Liz Miller

Founder / CEO

Learn Robotics

Learn to craft a standout technical portfolio using Hugo's robust features. We'll walk you through live project creation and teach you how to add dynamic content effortlessly. Perfect for developers, engineers, and tech aficionados looking to enhance their online presence.

By the end, you'll be equipped to make a strong digital impression, setting you apart in the tech world. Upgrade your portfolio, elevate your technical brand.

Tech Talk

Improving Access to 4M U.S. Laws with Hugo

U.S. laws are scattered across more than 130 government websites with varying quality (scanned dot matrix printouts!), searchability, and accessibility. The data is also published by legal research companies, but much of the data is only available behind paywalls for law firms. Meanwhile, people, including attorneys, are asking legal questions to LLMs trained on pre-pandemic law.

At this talk, OpenLaws discusses how we use Hugo to publish 4 million pieces of legal data in our efforts to make our laws more accessible to everyone. We’ll share our approach to generating and hosting millions of pages and our CI/CD pipeline.

Lightning Talk

Enhancing Website Search: A Practical Journey with PaperCut, Algolia, & Hugo

Grayson Campbell

Grayson Campbell

Digital Media Lead

PaperCut

Alysha Jo Nolan

Alysha Jo Nolan

Frontend Developer

CloudCannon

We will share our real-world experiences in improving the search functionality of papercut.com, a website with an impressive 4000 pages.

In this session, we'll explore the challenges and lessons learned in creating a more effective website search. We'll discuss why the usual open-source solutions might not always be the best fit and provide straightforward guidance on the essential factors to consider when upgrading your site's search features. Plus, we'll offer a simple technical demo to illustrate our practical approach.

Come along and discover the journey of enhancing web search in a relatable and approachable manner!

Lightning Talk

From blog to small business with Hugo

After writing and maintaining a technical blog for 10+ years on data topics, Wordpress pains and expenses had me wanting to throw it all away.

I’ll share how I saved my blog with Hugo, picked up skills that were immediately useful in my career, and now am using Hugo to efficiently launch my new small business.

Tech Talk

Static Search on Hugo — The Journey to Pagefind v1.0

Liam Bigelow

Liam Bigelow

Senior Software Engineer

CloudCannon

Pagefind is a free and fully static search library that aims to perform well on large sites, while using as little of your users’ bandwidth as possible, and without hosting any infrastructure.

We’ll showcase newly released features in Pagefind 1.0, allowing you to index custom content and improve the relevance of your search results.

We'll also discuss what we have built and learned one year (and 58 releases) on from launching Pagefind at HugoConf 2022.

Lightning Talk

Using Markdown render hooks with Hugo

Christian Oliff

Christian Oliff

Front-end Web Developer at Trimble

ChristianOliff.com

Hugo supports Markdown rendering hooks for links, images and headers. In this quick talk I'll show you how to get set up with some ideas for using them in your projects.

Tech Talk

How to Turn a Hugo Website into a PWA for better user engagement

Vishakha Sawra

Vishakha Sawra

Frontend Enthusiast

I'll start with an overview of PWAs, highlighting their benefits like enhanced performance, offline access, and immersive experiences. Then I'll introduce Hugo, a dynamic static site generator, and I'll explore how its speed and simplicity make it an excellent candidate for PWA conversion. I'll then break down PWA essentials, explaining service workers that enable background processes, caching, and offline functionality. I'll choose a Hugo theme and will publish it to Netlify. Then I'll start converting a Hugo site into a PWA, guiding attendees through service worker implementation for intelligent caching and offline capabilities. Crafting a Web App Manifest comes next, ensuring metadata and icons create a captivating user experience.

Lightning Talk

Use of The Good Docs Project content Templates as Archetypes in Hugo

Bryan Klein

Bryan Klein

Steering Committee Member

The Good Docs Project

Hugo archetypes provide an easy way to generate new content from existing files. The Good Docs Project provides a suite of markdown templates that can be freely used for typical content types in any project. This talk demonstrates how easy it is to take the provided templates and make new content files from them as Hugo archetypes.

Tech Talk

Introducing HUGE, a Hugo framework

Even though Hugo handles a lot from configuration, most of its later features (pipes, js.build, image transformation) do not. HUGE aligns their ease of use with other features of Hugo. Namely: configuration files!

This means users don't have to educate themselves about the Pipes or Media transformation APIs and can focus on what matters: HTML, Javascript, CSS.

We’ll review how easy it is to setup HUGE, how to configure your project’s asset pipeline with it, and how it can help you handle other things like local environment variables, or self hosted fonts!

Lightning Talk

Collaborative Web Building: PaperCut's Experience with Hugo, CloudCannon, and Bookshop

Rachel Uberti

Rachel Uberti

Product Engineer

PaperCut

Sanjay Jayaprakash

Sanjay Jayaprakash

UX / UI Designer

PaperCut

Join us for a session that explores PaperCut's collaborative approach to web development, powered by Hugo, CloudCannon, and Bookshop. Rachel Uberti and Sanjay Jayaprakash will take you through the journey of designing and constructing reusable, scalable website components that benefit our entire organization.

Discover the strategies and insights that have shaped PaperCut's web practices and find inspiration for implementing similar solutions within your organization. Let's embark on this shared exploration and learn from one another's experiences.

Tech Talk

Building your portfolio with Hugo

Haimantika Mitra

Haimantika Mitra

Developer Advocate

Appwrite

In a world where a digital portfolio is your gateway to opportunities, creating an engaging online presence has never been more crucial. In this talk, we will cover how to build an impressive portfolio website using the Hugo framework.

This session is all about action. We'll cover:

• An introduction to static site generators and their advantages.
• Step-by-step guidance on setting up Hugo, selecting a suitable theme, and integrating personalized content.
• Tips for optimizing website performance, responsiveness, and SEO within the Hugo framework.
• Real-world examples of successful portfolio websites built using Hugo.


HugoConf is better thanks to our sponsors!

PaperCut

FACT: Rainbows are better with unicorns. And Hugo conferences are better with you! We can’t wait to see you at the event. In the meantime, this fancy webpage will give you a little more idea of who we are, what we do, and why Printers are better with PaperCut.

OpenGraph Images

With OpenGraph Images you can build dynamic images from your existing web stack. OpenGraph images are generated on the fly using parameters from the url and your external data just like a web page. 

 


Any questions?

FAQs

Where is HugoConf held?

Right here, on this website! On September 21st (PDT), we'll stream the sessions directly on this page.

 

I can't attend! 😭 Will the talks and workshop videos be available to watch later?

Yes, all sessions will be recorded and publicly available on YouTube.

A Conference for all Hugoers

HugoConf organizers are dedicated to providing a safe, inclusive and harassment free environment for all attendees. Please review our code of conduct, and help build the community by being supportive and constructive.
 

If you have any questions or suggestions, reach out to hello@hugoconf.io.