Une plateforme en trois parties pour le développement Web moderne
Cadre Uniweb
Cadre pour les développeurs. Application pour les équipes de contenu. Moteur de connexion.
Créez des systèmes de composants au niveau des sections que les équipes de contenu utilisent pour créer un nombre illimité de sites Web professionnels, sans intervention continue des développeurs.
L'architecture
Trois parties distinctes, fonctionnant ensemble pour offrir une expérience transparente du code au contenu.
1. Le cadre
Les développeurs utilisent des bibliothèques et des outils pour créer une fondation : une collection de composants au niveau de la section.
2. Le moteur
Une bibliothèque JS sur chaque site qui charge dynamiquement les sections Foundation via Module Federation.
3. L'application
Un CMS visuel permettant aux équipes de contenu de sélectionner des sections, d'organiser des pages et de publier des sites.
Comprendre les fondements
Une fondation est un ensemble de composants de niveau section conçus pour fonctionner ensemble. Considérez-la comme un système complet permettant de créer des types de sites web spécifiques.
Qu'est-ce qu'une section ?
Zone d'une page ayant une fonction de communication spécifique. Il s'agit de blocs complets et fonctionnels, et non de composants d'interface utilisateur atomiques comme des boutons ou des cartes.
- Héros : Accueillir et orienter les visiteurs
- Caractéristiques : Présente plusieurs options
- Témoignages : Construisez la confiance grâce à la preuve sociale
- Galerie : activer la navigation visuelle
Key principle: One Foundation per site.
When creating a site, content teams choose a Foundation. All sections come from that Foundation, ensuring design coherence.
Fondation ludique
Doux et convivial pour les sites de garde d'enfants ou axés sur la famille.
Pour les développeurs
Construisez des systèmes, pas des sites. Créez une fois, déployez partout.
Ce que vous construisez
- Composants de section utilisant React et des outils familiers
- Paramètres et préréglages pour la personnalisation
- Une fondation complète conditionnée sous forme de module fédéré
Ce que vous ne construisez pas
- Fonctionnalité CMS
- Éditeurs visuels
- Schémas de base de données
- Infrastructure de déploiement
Votre flux de travail
# Create Foundation
$ npm create @uniwebcms/framework my-foundation
# Build and deploy
$ npm run build && npm run deployComment cela fonctionne ensemble
Un flux de travail simple et puissant qui sépare les préoccupations et permet aux équipes d'avancer plus rapidement.
Le développeur construit les fondations
Utilisation du cadre
Le moteur le charge
via la Fédération des modules
L'équipe de contenu crée le site
Utilisation de l'application visuelle
Le changement de paradigme
Passez des créations de sites répétitives à la création de systèmes évolutifs. Une mise à jour suffit, des améliorations sont possibles partout.
Développement Web traditionnel
Construire → Déployer → Reconstruire → Redéployer → Répéter
Bibliothèques de composants
Importer → Construire → Mettre à jour les dépendances → Reconstruire → Redéployer
Approche Uniweb
Créer les fondations → Les équipes de contenu créent un nombre illimité de sites → Mettre à jour les fondations → Tous les sites s'améliorent instantanément
Mise en œuvre technique
Construit sur des technologies Web modernes et robustes pour garantir des performances et une excellente expérience de développement.
Fédération des modules
Les fondations sont des modules fédérés Webpack chargés à l'exécution, et non à la compilation. Les mises à jour se propagent sans reconstruction des sites.
Expérience du développeur
Écrivez des composants React standards avec n'importe quelle approche CSS. Le framework gère la complexité de la fédération.
Performances de production
Les fondations sont mises en cache à la périphérie du CDN avec un fractionnement automatique du code et un chargement paresseux par défaut pour une vitesse maximale.
La Fondation de la pratique médicale
Un développeur construit une fondation avec des sections pour :
- Héros avec prise de rendez-vous
- Liste des prestataires avec spécialités
- Présentation des services avec informations sur les assurances
- Témoignages de patients
Vingt cabinets médicaux différents utilisent cette Fondation pour créer leurs sites uniques dans l'application.
Lorsque le développeur ajoute des fonctionnalités de télésanté...
...les vingt sites bénéficient immédiatement de cette fonctionnalité. Pas de reconstruction. Pas de redéploiement. Une seule mise à jour suffit.
De un à plusieurs, instantanément
Le modèle Uniweb vous permet de créer un produit à partir de vos composants. Maintenez une base de code unique pour un nombre illimité de sites. En améliorant votre fondation, chaque site qui l'utilise s'améliore automatiquement.
Voyez-le fonctionner en 2 minutes
Regardez comment un développeur, une équipe de contenu et le site en direct travaillent ensemble en parfaite harmonie.
Démonstration du flux de travail Uniweb
Du code à la mise à jour du site en ligne en moins de 2 minutes.
Structure de prix
Un modèle de tarification simple conçu pour les constructeurs et les créateurs.
Cadre Uniweb
Gratuit. Open source. Pour toujours.
Créez des fondations illimitées. Maîtrisez votre code. Appuyez-vous sur un framework transparent.
0 $
Commencez maintenant
Que vous écriviez du code, gériez des clients ou créiez du contenu, il existe un point de départ pour vous.
Si vous êtes un développeur :
$ npm create @uniwebcms/framework my-foundationL'essentiel
Pour les équipes de contenu
Créez de manière professionnelle sans code. Mettez à jour instantanément sans développeur.
Pour les agences
Évoluer sans embauche proportionnelle. Maintenir les fondations, et non les sites individuels.
Pour les développeurs
Construisez des systèmes, pas des sites. Créez une fois, déployez partout.