Content Pipeline for the Modern Web

Parse YAML → Scaffold RenderNodes → Enrich with CSS → Deploy globally

Gutenberg is a modular, schema-driven content renderer that separates data from presentation. Write once, render anywhere.

Explore Themes Read Docs
Content Pipeline for the Modern Web

Why Gutenberg?

🎨

Swappable Themes

Five bespoke CSS themes (ink, mono, ocean, light, dark) — no Tailwind, pure semantic design

Learn more
🏗️

Modular Pipeline

LINT → SCAFFOLD → ENRICH → STYLE → PUBLISH. Each stage is independently testable and extensible.

Learn more
⚡

Zero Runtime Dependencies

Self-contained HTML with embedded CSS. No JavaScript, no external CDN, blazing fast globally.

Learn more
## The Problem with Today's Content Tools Most modern web platforms lock you into either: - **Heavy frontend frameworks** that require JavaScript, build steps, and complex tooling - **Decoupled APIs** that force you to manage two systems - **Proprietary designs** that lock your content into a single visual theme Gutenberg solves this by keeping your **content in pure data** (YAML), and your **design in bespoke CSS**. The pipeline is deterministic: same input always produces the same output. Versioning, auditing, and deployment become trivial.
## How It Works: The 5-Stage Pipeline 1. **LINT** — Parse YAML into a typed PageSchema. Validate required fields, semantic axes, and section types. 2. **SCAFFOLD** — Build a classless RenderNode tree from the schema. Each component type has dedicated .data.ts and .scaffold.ts files. 3. **ENRICH** — Walk the RenderNode tree and resolve semantic roles (e.g., `hero-heading`) + layout hints (e.g., `layout-3col`) into CSS class names. 4. **STYLE** — Generate theme-specific CSS and serialize the AnnotatedNode tree to HTML. Inline all CSS into a single `<style>` block. 5. **PUBLISH** — Write the complete HTML document to disk. Each stage is independent, testable, and can be extended without touching the others.

Ready to Build Your Next Site?

Start with Gutenberg today and experience the power of semantic, modular content design.

Deploy Your First Site