Template Guide

Every page body is a sandboxed Twig template. Write HTML + Tailwind classes and add dynamic expressions.

Expressions

{{ item.title }}
{{ item.attrs.price|money }}
{{ now|fdate('d M Y') }}
{{ visitor.name }}

Collections

{% for p in collection('posts', {sort:'-created_at', limit:3, tag:'php'}) %}
  ... {{ p.title }} ...
{% endfor %}

Datasets, snippets, records

{% for m in data('team') %}{{ m.name }}{% endfor %}
{{ snippet('cta') }}
{{ record('product','sunrise-keyboard').attrs.price }}

Datastar inside content

Use attributes like data-signals, data-bind, data-text, and data-on:click. Live demo: