Building a Static Website with Hugo: Quickly Create a Business Website

Why Choose Hugo for Your Business Website

Hugo is a static site generator written in Go, renowned for its blazing-fast build speed. According to official benchmarks, Hugo can build a site with hundreds of pages in under one second — a task that might take minutes in Gatsby or Next.js projects of similar scale. For business websites that require frequent content updates, Hugo's build efficiency means faster deployment cycles and lower computational resource consumption.

Hugo requires no runtime language runtime (like Node.js) and relies only on a single binary file, making its CI/CD configuration extremely simple. This article details how to quickly build a fully functional business website using Hugo.

1. Hugo Core Features

1.1 Blazing Build Speed

Hugo's build speed benefits from Go's concurrency model. During the build process, Hugo processes all pages in parallel, fully utilizing multi-core CPU performance. For mid-sized business websites with thousands of pages, Hugo typically completes full builds in 2-3 seconds, with incremental builds taking milliseconds.

1.2 Rich Template System

Hugo provides a powerful template language supporting template inheritance, partial templates, and shortcodes. Shortcodes are one of Hugo's most distinctive features, allowing you to embed complex content elements like charts, videos, and code highlighting by inserting concise tags in your Markdown.

1.3 Multi-language Support

For multinational businesses, Hugo's built-in multi-language support is a major highlight. Simply declare a language list in your configuration and place different language versions of content in corresponding directory structures. Hugo automatically generates language switchers and correct hreflang tags for SEO benefits.

2. Setup Workflow

2.1 Installing Hugo

Installing Hugo on macOS is straightforward:

# Install using Homebrew
brew install hugo

# Verify installation
hugo version

2.2 Creating a New Project

# Create new site
hugo new site my-company-website

# Enter project directory
cd my-company-website

# Initialize Git repository
git init

2.3 Installing a Theme

Choose and install a theme suitable for a business website:

# Using the Ananke theme as an example
git init
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke

# Set the theme in config file
echo 'theme = "ananke"' >> hugo.toml

2.4 Creating Page Content

# Create homepage
hugo new _index.md

# Create about page
hugo new about.md

# Create products/services pages
hugo new products/_index.md
hugo new products/product1.md

2.5 Customizing Themes

Edit template files in the layouts/ directory to customize page layouts. Hugo's template lookup order allows you to override only the parts you need to modify, without copying the entire theme.

2.6 Multilingual Configuration Example

Declare languages in hugo.toml and place content in content/zh/ and content/en/:

baseURL = "https://example.com/"
defaultContentLanguage = "zh"
[languages]
  [languages.zh]
    languageCode = "zh-CN"
    title = "Example Corp (Chinese)"
    weight = 1
  [languages.en]
    languageCode = "en-US"
    title = "Example Corp"
    weight = 2

After building, Hugo generates /zh/ and /en/ site directories automatically and outputs a language switcher on pages, with hreflang tags that help search engines understand the multilingual structure. For multilingual sites it is also worth setting defaultContentLanguageInSubdir to true so the default language gets its own directory and never overlaps with root content.

3. Key Configuration

4. Deployment

Run the hugo command to generate the public/ directory, then deploy it to a server or hosting platform. Recommended deployment options include:

• Netlify: Supports auto-deployment and form handling
• Vercel: Global edge network acceleration
• Cloudflare Pages: Free with CDN acceleration

4.1 Automatic Deployment with GitHub Actions

The most common collaboration pattern is push-to-deploy: every push builds and ships automatically. Here is a workflow that builds on the main branch and deploys to a host:

name: Build and Deploy
on:
  push:
    branches: [main]
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: peaceiris/actions-hugo@v3
        with:
          hugo-version: '0.140.0'
      - run: hugo --minify
      - uses: peaceiris/actions-gh-pages@v4
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./public

Because Hugo only emits static files, the whole build usually finishes in tens of seconds — far faster than Node-based frameworks that take minutes. Combined with preview builds on pull requests, team members can see the result before merging, and content updates no longer depend on manual operations.

5. Common Misconceptions

• Thinking Hugo cannot do interactive features: Hugo generates plain static HTML, but you can add search, comments, and forms with front-end frameworks or third-party services — many business sites collect customer inquiries through static form services.
• Skipping image optimization: static sites still need compressed images; pairing with CDN image optimization noticeably cuts first-paint size.
• Over-customizing the theme: most corporate pages are conventional information display. Pick a mature theme close to your needs rather than writing templates from scratch — faster to launch and fewer pitfalls.
• Forgetting backups and version control: content lives in Markdown, so manage it with Git; any accidental deletion can be recovered.

6. Summary

With its blazing build speed, rich theme ecosystem, and powerful multi-language support, Hugo is an excellent choice for building business websites. Whether for a simple showcase site or a complex large-scale corporate portal, Hugo delivers efficient, stable solutions. Start with the official documentation and customize progressively based on your actual business needs.

Reference: Hugo documentation https://gohugo.io/documentation/; Hugo themes https://themes.gohugo.io/