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.