diff --git a/src/site/headless-cms/laioutr.md b/src/site/headless-cms/laioutr.md new file mode 100644 index 00000000..dd79b000 --- /dev/null +++ b/src/site/headless-cms/laioutr.md @@ -0,0 +1,39 @@ +--- +title: Laioutr +homepage: https://www.laioutr.com +twitter: laioutr +opensource: "No" +typeofcms: "Visual, API Driven" +supportedgenerators: + - Nuxt +description: Laioutr is a composable platform for building scalable e-commerce and content storefronts, combining a real-time collaborative visual editor with an API-driven, headless data model. +images: + - path: /img/cms/laioutr-cms1.jpg + alt: Laioutr Cockpit overview with onboarding steps for a new organization + - path: /img/cms/laioutr-cms2.jpg + alt: Laioutr Cockpit dashboard for a storefront project + - path: /img/cms/laioutr-cms3.jpg + alt: Laioutr Cockpit apps overview with commerce integrations + - path: /img/cms/laioutr-cms4.jpg + alt: Laioutr Cockpit themes overview for a storefront +--- + +## Laioutr + +Laioutr is a platform for building scalable e-commerce and content storefronts on top of Nuxt. Each storefront is a "project", a Nuxt application whose pages, sections, and apps are configured through **Studio**, a real-time collaborative visual editor built for developers and content/marketing teams alike. + +### Composable content model + +Content and layout are modeled through reusable `Section` and `Block` definitions. Developers define these building blocks in code, exposing structured, schema-driven props; editors then compose, arrange, and fill them with content directly in Studio, without touching a line of code. + +### Headless, API-driven data + +Sections and blocks can resolve live entity data, such as products, listings, and articles, through Laioutr's query layer, so content stays fully decoupled from presentation while remaining visually editable. An app ecosystem of first- and third-party integrations extends what a storefront can connect to. + +### Real-time collaboration + +Multiple editors (and developers) can work in Studio at the same time, with changes appearing live for everyone in the project, similar to Google Docs. + +### Get started + +Learn more about building storefronts with Laioutr at [laioutr.com](https://www.laioutr.com) or follow along on X/Twitter [@laioutr](https://twitter.com/laioutr). diff --git a/src/site/img/cms/laioutr-cms1.jpg b/src/site/img/cms/laioutr-cms1.jpg new file mode 100644 index 00000000..190db38e Binary files /dev/null and b/src/site/img/cms/laioutr-cms1.jpg differ diff --git a/src/site/img/cms/laioutr-cms2.jpg b/src/site/img/cms/laioutr-cms2.jpg new file mode 100644 index 00000000..8f571ece Binary files /dev/null and b/src/site/img/cms/laioutr-cms2.jpg differ diff --git a/src/site/img/cms/laioutr-cms3.jpg b/src/site/img/cms/laioutr-cms3.jpg new file mode 100644 index 00000000..5e10a888 Binary files /dev/null and b/src/site/img/cms/laioutr-cms3.jpg differ diff --git a/src/site/img/cms/laioutr-cms4.jpg b/src/site/img/cms/laioutr-cms4.jpg new file mode 100644 index 00000000..c98fbc0c Binary files /dev/null and b/src/site/img/cms/laioutr-cms4.jpg differ