Skip to content
Composed catalog

Shop

Storefront

Compact hero, editorial product showcase, banner CTA. Sunset light.

Sunset · light

API Reference

Catalog contract for this template. Defaults are this page's live entry.

Skip Shop fields table
FieldTypeDefaultDescription
slug*
string"landing-shop"Catalog id. Passed to create-cronus-app --template.
command*
string"bunx create-cronus-app my-app --template landing-shop"Scaffold command for this template.
kind*
"product" | "landing" | "starter""landing"Product app, marketing landing, or starter.
path*
"gold" | "compose" | "showcase""compose"Gold path (saas/admin) vs composed catalog vs bundled showcase. Not a scaffold flag.
theme*
"aurora" | "neutral" | "midnight" | "sunset" | "emerald""sunset"Default theme token pack.
mode*
"dark" | "light""light"Default color mode.
chrome*
{ navbar?: string; footer?: string }{ navbar: "navbar", footer: "footer" }Optional navbar and footer block slugs wrapping the stage.
blocks*
TemplateBlockRef[][{ block: "hero", variant: "compact" }, { block: "product-grid", variant: "showcase" }, { block: "cta", variant: "banner" }]Home-page stack of catalog blocks ({ block, variant? }).
customStage
boolean—Full custom stage instead of a stack of catalog blocks.
inside*
string[]["hero--compact + product-grid--showcase", "Sunset theme, light mode"]What's included in the scaffold.

Catalog stack

Navbar, page blocks, and footer in the order the composed home page stacks them.

Skip Shop catalog stack table
BlockVariantType
navbar—{ block: string; variant?: string }
herocompact{ block: string; variant?: string }
product-gridshowcase{ block: string; variant?: string }
ctabanner{ block: string; variant?: string }
footer—{ block: string; variant?: string }

What's inside

  • hero--compact + product-grid--showcase
  • Sunset theme, light mode
$ bunx create-cronus-app my-app --template landing-shop

More Storefront