conf
Talks and workshops
Live Interview
Live Interview with Hugo contributor Joe Mooring
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
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
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
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
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
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
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
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
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
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
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! We stream the sessions directly on this page.
I couldn't attend! 😭 Are the talks and workshop videos available to watch?
Yes, all sessions were recorded and are 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.