Thanks to all our speakers, sponsors, and organizers for another great conference!
Let's do it all again next year 🗓️
Talks and workshops
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.
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! ;-)
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.
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.
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.
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!
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.
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.
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.
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.
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!
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!
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.
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!
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.
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.
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.