Pages

A page source is a `.jsx`, `.md`, or `.tmpl` file. Each format produces an HTML
**body**, which is then wrapped by layouts.

| Format | Best for | Page data from |
| --- | --- | --- |
| JSX (`.jsx`) | Index pages, listings, anything with logic | A leading `data({...})` call |
| Markdown (`.md`) | Writing: articles, docs, notes | YAML frontmatter |
| Go template (`.tmpl`) | Simple templated pages and layouts | YAML frontmatter |

A JSX page:

```jsx
data({ title: "Articles" });
<section>
  <h1>{page.title}</h1>
  <ul>
    {pages("articles/**").reverse().map(a =>
      <li><a href={a.path}>{a.title}</a> <small>{a.date}</small></li>
    )}
  </ul>
</section>
```

A Markdown page:

```markdown
---
title: Building your own Ngrok in 130 lines
date: 2021-03-14
tags: [go, networking]
---

Ngrok is a tunnel...
```