Static Sites

I have been building sites with Hugo for years. I wrote my own theme, tuned my build pipeline, and deployed more static sites than I can count. But I rarely see a resource that captures the why behind Hugo as well as the how. Brian P. Hogan’s Build Websites With Hugo does exactly that.

Published by Pragmatic Bookshelf in 2020, this 154-page book is not a reference manual. It is a guided tour through building a real portfolio site from scratch. You install Hugo, create a theme, add projects and a blog, wire up data sources, and deploy the final result — all while learning Hugo’s mental model.

Why Skip React for Your Portfolio?

If you’re a React developer, building your portfolio with React seems like a “no-brainer.” It shows you know the framework, right? Not necessarily. In 2026, the real mark of a senior developer is the ability to choose the right tool for the job, not just the one they are most comfortable with.

Reaching for a heavy JavaScript framework for a site that is essentially 90% static text and images introduces what I call the “React Tax”:

The State of Web Publishing in 2026

The debate between static sites and WordPress has evolved significantly. What was once a simple discussion about speed has become a multifaceted comparison of entire ecosystems. In 2026, WordPress has tried to reinvent itself with “Full Site Editing” and improved block patterns, while Static Site Generators (SSGs) like Hugo and Next.js have matured into robust, enterprise-ready tools.

Let’s cut through the marketing and examine what actually matters: your time, your money, and your site’s survival in an increasingly hostile web.

The Hugo community has a stunning new addition that brings one of the most acclaimed web designs to the static site world. I’m excited to introduce the Olivero Hugo Theme - a complete 1:1 replication of Drupal’s award-winning Olivero theme, meticulously crafted for Hugo’s static site generator.

Born from Drupal’s default theme that revolutionized accessibility and modern web design, this Hugo version maintains every pixel-perfect detail while leveraging Hugo’s blazing-fast performance. Whether you’re building a personal blog, corporate site, or documentation portal, Olivero delivers professional aesthetics with enterprise-grade accessibility standards.

The official guide on how to deploy your website to Netlify for static site hosting and continuous deployment, which can be found here, explains the required steps for modern web development workflows:

• Step 1: Add Your New Site. Creating a new site on Netlify for your web development project is simple and perfect for software engineering teams looking for scalable cloud hosting solutions.
• Step 2: Link to Your GitHub or GitLab repository (or supported version-control tool of choice) for automated deployments
• Step 3: Authorize Netlify.
• Step 4: Select Your Repo.
• Step 5: Configure Your Settings.
• Step 6: Build Your Site.
• Step 7: All Done.

And it’s really as simple as that. The very blog you are exploring at the moment is deployed on Netlify too, and the website performance score is pretty great for SEO and user experience, as you can see on Test My Site: