Data-driven pages

The idea

Build a collection of typed records, then publish a page whose HTML contains template tokens. hostdocs fills the tokens with record data at request time. The template is a normal hostdocs document — build and preview it like any page.

Template syntax

• {{ fieldKey }} — interpolate a field value (HTML-escaped).
• {{{ fieldKey }}} — interpolate raw (unescaped) HTML.
• {{#each listField}} … {{/each}} — loop a list field’s items. Use {{ this }} for primitive items or {{ itemKey }} for object items.

<h1>{{ name }}</h1>
<p>{{ description }}</p>
<ul>
  {{#each features}}<li>{{ this }}</li>{{/each}}
</ul>

Missing keys render as empty. Templates are validated against the collection’s fields when you save.

List vs detail

• List — renders all records at a base path (e.g. /products). The template has access to the full records set to loop over.
• Detail — renders one record per URL slug under the base path (e.g. /products/<slug>). Requires a slug field on the collection — the field whose value becomes each record’s URL.

Build one

1. Create a collection and define its fields.
2. For detail pages, set the collection’s slug field.
3. Add records.
4. Publish a page bound to the collection — paste the template HTML, pick the base path, and choose list or detail.