Hugo Data Templates

Generates Hugo site content from structured YAML, JSON, and TOML data files via templates.

3|1|Updated Feb 8, 2026
One-click install
npx skills add https://github.com/therealbill/mynet --skill hugo-data-templates
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Hugo Data Templates
Source: https://github.com/therealbill/mynet/tree/main/hugo-repo/skills/hugo-data-templates
Command: npx skills add https://github.com/therealbill/mynet --skill hugo-data-templates

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Hugo data integration requires templates to access structured data from data/ files; this skill streamlines data-driven content generation.

Core Features & Use Cases

  • Data-driven navigation and registries from YAML, JSON, or TOML in data/.
  • Rendering content collections from .Site.Data to generate pages, menus, and bibliographies.
  • Use case: drive site navigation from a data file to build a multi-level menu.

Quick Start

Create a data file under data/ (for example data/navigation.yaml) and reference it in a Hugo template to render a list.

Frequently Asked Questions about Hugo Data Templates

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I use structured data in Hugo templates to generate site content?

To use structured data in Hugo templates, reference data files stored in the data/ directory via .Site.Data. This enables you to dynamically generate site content like pages and menus from structured sources.

What is the best way to build a multi-level navigation menu from a data file in Hugo?

The best way to build multi-level navigation in Hugo is to create a YAML, JSON, or TOML file under data/ and reference it in your template. This data-driven approach renders the menu directly from the structured file.

Can I render content collections from TOML or JSON files in Hugo?

Yes, you can render content collections from TOML or JSON files in Hugo. Place the files in the data/ directory and access them through .Site.Data within your templates to generate pages and bibliographies.

Does Hugo data integration work with YAML, JSON, and TOML formats?

Hugo data integration works with YAML, JSON, and TOML formats. Files placed in the data/ directory are parsed and made accessible as structured data within Hugo templates using .Site.Data.

What do I need to set up before accessing data files in Hugo templates?

Before accessing data files in Hugo templates, you need to create a data file under data/ and ensure your templates have frontmatter with name and description. This setup enables access to the data via .Site.Data.

Why use data-driven Hugo templates instead of hardcoding navigation menus?

Data-driven Hugo templates separate content from presentation by using structured data files. This allows you to drive site navigation and registries from data/ files, making multi-level menus easier to maintain and update without modifying templates.