# Sidework (/docs/showcase/sidework)

> Publication: a weekly letter for people running a Business on the side, in vaultline.



## Pages

Every page is a live render of its record. Flip the Site to see each one under another Theme; the records do not change.

## Brand

Sidework is read, not scanned. Vaultline's serif and warm paper suit a weekly letter, and the plated paid plan on the subscribe page is the one offer a reader needs. Ledgerhouse wears it too.

## Built from

<details className="mx-sc-details">
<summary>The tally and the records, as text</summary>

15 Section types across 8 pages.

[`footer`](https://next.mdxui.dev/docs/sections/footer) ×8 · [`nav`](https://next.mdxui.dev/docs/sections/nav) ×8 · [`closing`](https://next.mdxui.dev/docs/sections/closing) ×5 · [`page-head`](https://next.mdxui.dev/docs/sections/page-head) ×3 · [`article`](https://next.mdxui.dev/docs/sections/article) ×2 · [`post-list`](https://next.mdxui.dev/docs/sections/post-list) ×2 · [`cta-form`](https://next.mdxui.dev/docs/sections/cta-form) ×1 · [`facts`](https://next.mdxui.dev/docs/sections/facts) ×1 · [`faq`](https://next.mdxui.dev/docs/sections/faq) ×1 · [`feature-grid`](https://next.mdxui.dev/docs/sections/feature-grid) ×1 · [`hero`](https://next.mdxui.dev/docs/sections/hero) ×1 · [`pricing`](https://next.mdxui.dev/docs/sections/pricing) ×1 · [`statement`](https://next.mdxui.dev/docs/sections/statement) ×1 · [`stats`](https://next.mdxui.dev/docs/sections/stats) ×1 · [`text-stack`](https://next.mdxui.dev/docs/sections/text-stack) ×1

| Page | Template | Sections | Record |
| --- | --- | --- | --- |
| [home](https://next.mdxui.dev/sites/sidework/) | `blog` | 8 | [JSON](https://next.mdxui.dev/pages/sidework/home.json) |
| [404](https://next.mdxui.dev/sites/sidework/404) | `article` | 4 | [JSON](https://next.mdxui.dev/pages/sidework/404.json) |
| [about](https://next.mdxui.dev/sites/sidework/about) | `article` | 5 | [JSON](https://next.mdxui.dev/pages/sidework/about.json) |
| [archive](https://next.mdxui.dev/sites/sidework/archive) | `blog` | 4 | [JSON](https://next.mdxui.dev/pages/sidework/archive.json) |
| [subscribe](https://next.mdxui.dev/sites/sidework/subscribe) | `contact` | 5 | [JSON](https://next.mdxui.dev/pages/sidework/subscribe.json) |
| [terms](https://next.mdxui.dev/sites/sidework/terms) | `article` | 3 | [JSON](https://next.mdxui.dev/pages/sidework/terms.json) |
| [issues/the-first-invoice](https://next.mdxui.dev/sites/sidework/issues/the-first-invoice) | `post` | 4 | [JSON](https://next.mdxui.dev/pages/sidework/issues/the-first-invoice.json) |
| [subscribe/sent](https://next.mdxui.dev/sites/sidework/subscribe/sent) | `article` | 4 | [JSON](https://next.mdxui.dev/pages/sidework/subscribe/sent.json) |

</details>

## How it was built

**The brief.** A publication: a weekly letter for people running a Business on the side, free to read with a paid plan. The hero says it in one line: "One letter a week for the side business."

**The records.** One JSON record per page under `pages/sidework/`: the home and the archive name `blog`, each issue names `post`, about names `article`, and the subscribe page sets a free and a paid plan beside a one-field form.

**The Theme.** Every record names `"theme": "vaultline"`, the Theme Ledgerhouse also wears. Two Businesses can share a Theme; their records stay their own.

**The 404 and the subscribe flow.** `404.json` leads back home. The subscribe form posts to its action, and `subscribe/sent.json` is the page a new reader lands on. A static host answers no post, so on this host the form does not send.

## Use this Site