Architecture modulaire par blocs

Du contenu sous forme de composants. Une structure qui passe à l’échelle.

b10cks repose sur une architecture modulaire par blocs qui reflète la manière dont les équipes frontend modernes conçoivent déjà l’UI. Construis ton modèle de contenu à partir de blocs atomiques, réutilisables et composables — puis assemble-les pour créer n’importe quoi.

Commencer gratuitement

Le problème du décalage

Ton frontend utilise des composants. Pourquoi pas ton CMS ?

Le développement frontend moderne s’appuie sur les principes du design atomique — atomes, molécules, organismes, templates, pages. Les composants sont composés de composants plus petits. La structure est réutilisable, prévisible et maintenable.

Puis tu ouvres ton CMS et tu découvres une liste plate de champs texte.

b10cks comble ce fossé. Ton modèle de contenu est construit à partir de blocs — exactement comme tes composants UI — de sorte que la structure de ton CMS reflète la structure de ton produit. Fini la couche de traduction. Fini les devinettes sur la correspondance d’un champ.

Qu’est-ce qu’un bloc ?

L’unité fondamentale du contenu dans b10cks.

Un bloc est une structure de contenu nommée, typée et réutilisable. Vois-le comme un composant de contenu : il a un nom, un ensemble de champs typés et une fonction définie dans ton modèle de contenu.

Exemples :

  • HeroSection — title: Text, subtitle: Text, cta: Link, background: Image
  • FeatureCard — icon: Text, heading: Text, body: RichText
  • TestimonialBlock — quote: Text, author: Reference(TeamMember), company: Text
  • PricingTier — name: Text, price: Number, features: Array(Text), highlighted: Boolean

Définis-le une fois. Utilise-le partout.

Le design atomique, pris en charge nativement

Atomes → Molécules → Organismes → Contenu.

b10cks prend en charge l’imbrication complète des blocs. Un bloc peut contenir des champs, des références à d’autres blocs ou des tableaux de blocs — ce qui te permet de construire des hiérarchies de contenu qui correspondent exactement à ton système de design atomique.

Blocs dans l’éditeur visuel

Ce que tu modèles, c’est ce que voient les éditeurs.

Chaque type de bloc que tu définis sur le canvas correspond directement à un composant dans l’éditeur visuel de contenu. Les éditeurs voient les blocs comme des formulaires structurés et nommés — pas comme un mur de champs texte identiques.

  • Les types de blocs sont étiquetés avec leur nom et leur icône
  • Les blocs imbriqués sont წარმოდставés sous forme de sections repliables
  • Glisser-déposer pour réordonner les listes de blocs de type tableau
  • Création de blocs en ligne sans quitter le contexte de la page

Tes développeurs définissent la structure. Tes éditeurs la remplissent — intuitivement, sans formation.

Schémas de blocs en code

Pour les équipes qui préfèrent la configuration comme code.

Définis tes schémas de blocs par programmation grâce au format de schéma b10cks — versionné dans ton dépôt, aux côtés du code de ton frontend.

Déploie les changements de schéma via CI/CD comme n’importe quel autre changement de code. Le canvas les reflète automatiquement.

Migration et évolution

Les modèles de contenu évoluent. b10cks rend ça sûr.

Les architectures de contenu réelles évoluent. Tu ajouteras des champs, renommeras des types et restructureras des hiérarchies à mesure que ton produit grandit. b10cks rend ces changements maîtrisables :

  • Ajout de champs — ajoutés en toute sécurité ; les entrées existantes prennent par défaut null ou une valeur par défaut définie
  • Renommage de champs — suivi via l’historique des migrations pour éviter de casser les références
  • Dépréciation de blocs — marque un type de bloc comme déprécié sans le supprimer ; les éditeurs voient un avertissement, le contenu existant est conservé
  • Historique des versions — chaque changement de schéma est enregistré, avec possibilité de retour en arrière

Construis le contenu comme tu construis l’UI.

L’écart entre ton système de design et ton CMS n’a pas à exister. Commence à construire avec les blocs b10cks — gratuits, open source et prêts dès aujourd’hui.