Front Matter

Front matter é um bloco YAML opcional no início de cada arquivo .seed, delimitado por ---. Ele configura metadados e comportamento da página.

Referência completa

Prop	Tipo	Padrão	Descrição
`title`	string	`""`	Título da página — aparece na tag `<title>` e em `<meta og:title>`
`lang`	string	`"en"`	Atributo `lang` do `<html>` (ex: `"pt-BR"`, `"en"`, `"es"`)
`layout`	string	auto	Caminho para o layout (relativo ao arquivo). Se omitido, busca `layout.seed` subindo na árvore.
`css`	string	`"seed.css"`	Caminho do CSS principal
`js`	string	`"seed.js"`	Caminho do JS principal
`extra_css`	string ou lista	`[]`	CSS adicionais a incluir no `<head>`
`extra_js`	string ou lista	`[]`	Scripts adicionais a incluir antes do `</body>`
`body-*`	any	—	Props com prefixo `body-` viram classes no `<body>`

```seed
---
title: Home
lang: pt-BR
---
```

```seed
---
title: Dashboard
lang: pt-BR
extra_css:
  - /dashboard.css
  - /charts.css
extra_js:
  - /chart.min.js
  - /dashboard.js
---
```

```seed
---
title: Landing Page
body-display: flex
body-flex-direction: column
body-min-height: 100
---
```

Isso gera: <body class="display-flex flex-direction-column min-height-100">

Front matter	Classe gerada	Efeito
`body-display: flex`	`display-flex`	`display: flex`
`body-display: flex-column`	`display-flex-column`	`display: flex; flex-direction: column`
`body-min-height: 100`	`min-height-100`	`min-height: 100vh`
`body-bg: dark`	`bg-dark`	Fundo escuro `#1a1a2e`
`body-bg: light`	`bg-light`	Fundo claro `#f7f8fc`