Deux mondes. Une plateforme. Liberté totale.

Uniweb sépare complètement le développement de la création de contenu. Votre code reste intact. Les équipes de contenu disposent d'un éditeur visuel. Elles ne se rencontrent jamais, mais travaillent en parfaite harmonie.

Le concept de fondation

Qu'est-ce qu'une fondation de site ?

C'est un système de composants que VOUS créez.

Intégration CMS en direct

L'application Uniweb CMS charge dynamiquement votre Fondation dans son éditeur visuel.

Moteur de rendu de site d'exécution

Votre Fondation est un moteur de rendu qui transforme le contenu en sites Web.

Construire une fois, réutiliser souvent

Chaque site est alimenté par une Fondation, qui peut être réutilisée sur de nombreux sites.

Les développeurs construisent :

  • React components with full control
  • Parameter schemas that define flexibility
  • Design tokens for consistent theming
  • Documentation for each component
  • Presets for common starting points

Utilisation des équipes de contenu :

  • A visual editor that speaks their language
  • Components that feel native and intuitive
  • Creative freedom within smart constraints
  • Instant updates when you ship changes
  • A complete, integrated CMS app

L'architecture

Un pont entre les mondes

Monde en développement

Leur environnement :
├── Éditeur de contenu visuel
├── Aperçu en direct
├── Gestion dynamique du contenu
├── Gestion d'actifs
└── Hébergement de sites Web avancé

Vous travaillez ici. Créez des composants. Testez localement. Contrôlez les versions. Expédiez des modules d'exécution.

Monde du contenu

Leur environnement :
├── Éditeur de contenu visuel
├── Aperçu en direct
├── Gestion dynamique du contenu
├── Gestion d'actifs
└── Hébergement de sites Web avancé

Ils travaillent ici. Créez des pages. Explorez des variantes. Publiez instantanément. Ne voyez jamais le code.

Comment fonctionne le développement

Un flux de travail simple et puissant

1

Créez votre fondation

Créez des composants React avec un contrôle total. Définissez des schémas qui transforment vos props en contrôles visuels intuitifs pour l'équipe de contenu.

// 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'
  }
}
2

Empaqueter et publier

Your Foundation est un module d'exécution versionné, prêt à alimenter un nombre illimité de sites. Il s'agit d'un workflow NPM standard ne nécessitant aucun outil spécifique.

npm run build
npm publish
3

Se connecter aux sites

Les sites s'associent à votre fondation. L'environnement d'exécution Uniweb charge vos composants, lit vos schémas et active automatiquement l'éditeur visuel.

Connectez les sites via la plateforme Uniweb

L'expérience du contenu

Ça marche, tout simplement. Magnifiquement.

Votre Fondation personnalisée ne ressemble pas à un simple ajout. Elle devient la plateforme.

Hero.schema = {
  animation: { type: 'boolean' },
  align: { options: ['left', 'center'] }
}
    • A "Page Header" section
    • Simple controls for layout
    • Option presets with previews

    Glissez-déposez pour réorganiser vos pages et sections

    Vos composants semblent natifs de l'éditeur

    Publiez instantanément en un seul clic

    Prêt à aller plus loin ?

    Explorez l'écosystème

    Pour les développeurs

    Consultez des exemples de code. Comprenez les modèles et les flux de travail.

    Learn more

    Commencer à construire

    Clonez une fondation de démarrage et commencez à construire en quelques minutes.

    Learn more

    Voir des exemples

    Découvrez de véritables fondations construites par des agences et des entreprises.

    Apprendre encore plus