Back to intake

Compile pipeline: Demo Supply Co

This page compiles raw demo data into a validated renderer snapshot and previews it through the existing component registry.

Compile report

Compile succeeded

local only

Pages

1

Sections

4

Products

2

Categories

2

Warnings

No warnings.

Errors

No errors.

Rendered compiled preview

Raw client JSON to mapping agreement to canonical Feasure model to design manifest to compiled snapshot to renderer preview.

Demo Supply Co

Supplies for complex operations

A second fake client with a different source format.

Canonical model

Catalog data can arrive in many shapes

The mapping agreement normalizes source-specific fields before the renderer sees them.

Compiled product categories

Category One

Everyday operational supplies.

Category Two

Special order catalog items.

Ready to review this website snapshot?

Feasure CMS compiles source data into a validated static snapshot before publish.

Preview compiled site
Developer Preview: compiled snapshot JSON
{
  "siteId": "demo-client-b",
  "siteName": "Demo Supply Co",
  "version": "0.1.0-local",
  "status": "draft",
  "publishedAt": null,
  "metadata": {
    "description": "Compiled locally from raw demo source data through the Feasure canonical model.",
    "sourceSystem": "manual_demo_json",
    "designPreset": "catalog",
    "theme": {
      "primaryColor": "#7c4a03",
      "stylePreset": "catalog",
      "cornerRadius": "small"
    },
    "navigation": [
      {
        "label": "Home",
        "href": "/"
      }
    ]
  },
  "pages": [
    {
      "id": "home",
      "slug": "/",
      "title": "Home",
      "seo": {
        "title": "Demo Supply Co | Feasure CMS",
        "description": "A second fake client with a different source format."
      },
      "sections": [
        {
          "id": "hero-1",
          "component": "hero",
          "props": {
            "eyebrow": "Demo Supply Co",
            "headline": "Supplies for complex operations",
            "body": "A second fake client with a different source format.",
            "primaryCtaLabel": "View categories",
            "primaryCtaHref": "#categories",
            "secondaryCtaLabel": "View intake",
            "secondaryCtaHref": "/clients/demo-client-b/intake"
          }
        },
        {
          "id": "featureBand-2",
          "component": "featureBand",
          "props": {
            "eyebrow": "Canonical model",
            "headline": "Catalog data can arrive in many shapes",
            "body": "The mapping agreement normalizes source-specific fields before the renderer sees them."
          }
        },
        {
          "id": "cardGrid-3",
          "component": "cardGrid",
          "props": {
            "anchorId": "categories",
            "headline": "Compiled product categories",
            "cards": [
              {
                "title": "Category One",
                "body": "Everyday operational supplies."
              },
              {
                "title": "Category Two",
                "body": "Special order catalog items."
              }
            ]
          }
        },
        {
          "id": "cta-4",
          "component": "cta",
          "props": {
            "headline": "Ready to review this website snapshot?",
            "body": "Feasure CMS compiles source data into a validated static snapshot before publish.",
            "primaryCtaLabel": "Preview compiled site",
            "primaryCtaHref": "/clients/demo-client-b/compile"
          }
        }
      ]
    }
  ],
  "assets": [
    {
      "id": "P-001-primary-image",
      "url": "https://example.com/supply-product-001.jpg",
      "alt": "Supply Product 001"
    },
    {
      "id": "P-002-primary-image",
      "url": "https://example.com/supply-product-002.jpg",
      "alt": "Supply Product 002"
    }
  ],
  "products": [
    {
      "id": "P-001",
      "sku": "P-001",
      "name": "Supply Product 001",
      "description": "Another fake product.",
      "categoryId": "cat_001",
      "imageUrl": "https://example.com/supply-product-001.jpg",
      "categoryName": "Category One"
    },
    {
      "id": "P-002",
      "sku": "P-002",
      "name": "Supply Product 002",
      "description": "A second catalog product in the alternate payload shape.",
      "categoryId": "cat_002",
      "imageUrl": "https://example.com/supply-product-002.jpg",
      "categoryName": "Category Two"
    }
  ]
}