Introduction
Web-Rereal is a headless visual programming environment. It separates the Site Graph (Data) from the Renderer (Visuals).
The Mental Model
Everything you build in Web-Rereal is represented as a single JSON document called the ProjectGraph. This graph is the single source of truth for your entire site.
Pro Tip
Understanding the ProjectGraph structure is key to building complex components and automations.
Core Principles
- Constraint-Driven: No raw CSS exposure. All styles follow strict structured rules.
- Stateless Rendering: The renderer only knows how to turn JSON into React components.
- Immutable History: Every change is a mutation recorded in the history stack.