Static component example

---
title: Static component example
description: Preserve a local diagram and its meaning in public representations.
---

import StaticImage from '/src/components/mdx/StaticImage.astro';

## From source to pages

<StaticImage
  src="/media/corpus/architecture.svg"
  alt="Three linked boxes showing content sources feeding a build pipeline that produces published pages."
  width="640"
  height="360"
  principal
/>

The left box is the content sources under the content root. The middle box is
the build pipeline that reads them. The right box is the published pages, each
one derived from a source rather than authored directly.

## What the diagram is not

The diagram describes this hub's authoring flow, not a released product's
architecture. The application itself stays externally hosted and is reached
through an ordinary HTTPS link.

The middle box is described in [advanced patterns](./advanced/patterns.md); the
[overview](../overview.md) says which surfaces the right box publishes.