The Foundation Concept
It's a component system that YOU create.
The Uniweb CMS app dynamically loads your Foundation into its visual editor.
Your Foundation is a rendering engine that transforms content into websites.
Every site is powered by one Foundation, which can be reused across many sites.
The Architecture
You work here. Build components. Test locally. Version control. Ship runtime modules.
They work here. Create pages. Explore variations. Publish instantly. Never see code.
How Development Works
Build React components with complete control. Define schemas that turn your props into intuitive visual controls for the content team.
// Your Hero component
export const Hero = ({ title, subtitle }) => {
// You have complete control here
return (
<section>
<h1>{title}</h1>
<p>{subtitle}</p>
</section>
)
}
// Schema defines the editor experience
Hero.schema = {
title: { type: 'text', label: 'Headline' },
subtitle: { type: 'text', label: 'Subheading' },
layout: {
type: 'select',
options: ['centered', 'left', 'split'],
label: 'Layout Style'
}
}Your Foundation is a versioned runtime module, ready to power any number of sites. It's a standard NPM workflow with no special tooling required.
npm run build
npm publishSites pair with your Foundation. The Uniweb runtime loads your components, reads your schemas, and enables the visual editor automatically.
Connect sites via the Uniweb Platform
The Content Experience
Your custom Foundation doesn't feel like an add-on. It becomes the platform.
Hero.schema = {
animation: { type: 'boolean' },
align: { options: ['left', 'center'] }
}Drag-and-drop to reorder your pages and sections
Your components feel native to the editor
Publish instantly with a single click
Ready to Go Deeper?