Retour aux articles
Hero image for Comment NextBlock™ Fonctionne : Regard Sous le Capot
Architecture3 min de lecture

Comment NextBlock™ Fonctionne : Regard Sous le Capot

Une visite guidee du monorepo, du registre de blocs, de l editeur et de l architecture open-core de NextBlock.

NextBlock™ est conçu pour offrir une expérience fluide entre le CMS hébergé, le projet open-source et les outils développeur. L'espace Nx partagé et les blocs typés permettent aux équipes de publier vite tout en gardant un code très propre.

Base unique

Une même base

Les pages du site, les écrans du CMS et le modèle de départ évoluent ensemble sans dérive.

Contenu typé

Blocs avec garde-fous

Les schémas Zod et les types stricts sécurisent chaque nouveau bloc personnalisé.

Confort de rédaction

Édition premium

L'éditeur Tiptap offre un vrai confort de travail sans brider la puissance du HTML propre.

Architecture monorepo et flux de dépendances

Le dossier apps/nextblock contient le site Next.js public et le tableau de bord privé du CMS. La commande apps/create-nextblock reprend cette même base pour lancer des projets sains dès le premier jour.

  • @nextblock-cms/ui - Composants d'interface, boutons et styles partagés
  • @nextblock-cms/utils - Traductions, gardes d'environnement et images
  • @nextblock-cms/db - Migrations sûres, accès typé à la base et schémas
  • @nextblock-cms/editor - L'éditeur de blocs réutilisable basé sur Tiptap v3
  • @nextblock-cms/sdk - Outils typés pour créer et vérifier des blocs sur mesure
  • @nextblock-cms/ecommerce - Le module de boutique en ligne une fois activé

La commande nx graph montre clairement les liens entre chaque dossier. Les alias de code et la configuration Tailwind partagée assurent un design soigné partout.

Illustration NextBlock montrant les connexions entre le CMS et les modules externes
Un même système visuel réunit la gestion de contenu, l'édition et les modules du store.

Le registre de blocs comme surface produit

Le registre de blocs est la source de vérité pour tous les blocs du CMS. Il rassemble les schémas Zod, les contenus de départ et les composants d'affichage. Il gère le texte, les titres, les sections, les listes d'articles et les formulaires de paiement.

Les sections acceptent des colonnes imbriquées. Vous pouvez ainsi monter de vraies pages complètes plutôt que de simples listes de textes. Des fonctions typées rendent cette souplesse très sûre à manipuler.

La couche d'édition

Le paquet éditeur transforme Tiptap en un espace de rédaction riche. Il propose des commandes slash, des menus flottants, des tableaux, des listes de tâches et des blocs de code colorés. Il conserve un HTML propre pour ne jamais vous enfermer.

À l'intérieur du shell CMS

Dans le dossier CMS, chaque module suit la même logique : listes de données, pages d'ajout, écrans d'édition et Server Actions. Les rédacteurs travaillent en toute confiance pendant que les accès restent protégés sur le serveur.

Open core sans dérive produit

Le cœur de NextBlock est open-source sous licence AGPL. Les modules du store s'activent avec une clé de licence valide. Le socle reste léger tout en ouvrant des outils pro quand vous en avez besoin.

Pourquoi l'ensemble tient

Le monorepo Nx garde les librairies bien rangées. L'application Next.js assure la rapidité des pages. Les migrations Supabase fixent les règles de la base, et l'éditeur Tiptap offre un vrai confort de travail. En lançant npm create nextblock, vous profitez d'une base solide et prête à l'emploi.

Discussion & Comments

Join the conversation and express your thoughts.

Please log in to write a comment.