NextBlock™ est conçu pour offrir une expérience fluide entre le CMS que vous déployez, 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. L'outil apps/create-nextblock (publié sur npm sous le nom 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é
- @nextblock-cms/cortex - Cortex AI : l'IA dans l'éditeur et le serveur MCP, une fois activé
Dans le clone du monorepo, la commande npx nx graph montre clairement les liens entre chaque dossier. Les alias de code et la configuration Tailwind partagée assurent un design soigné partout.
Cœur de la plateforme NB
Une seule app Next.js 16 sur Supabase
CMS et modélisation du contenu
PostgreSQL
Blocs JSONB
Chaque page, article et produit est une liste de blocs typés. Un schéma Zod par bloc garde les données valides.
Éditeur en direct et publication
Aperçu en direct
Les éditeurs écrivent dans un éditeur de type Notion, avec brouillons et révisions. La mise en ligne lit PostgreSQL en direct. Pas de build, pas d'attente.
Modules premium
Commerce Pro
Produits, paiement, taxes, livraison.
Cortex AI
IA dans l'éditeur + serveur MCP. Essai gratuit de 30 jours.
Le cœur du CMS est gratuit et open source. Les modules s'activent avec une licence. Ils utilisent les mêmes blocs et le même éditeur.
Un seul système visuel. CMS, éditeur et extensibilité sans limite.
Le registre de blocs comme surface produit
Le registre de blocs est la source de vérité pour les blocs intégrés 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 blocs personnalisés conçus dans le CMS sont stockés dans la base de données et passent par le même moteur de rendu.
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 poignées de glisser-déposer, 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 gratuit et open source sous licence AGPL. Les modules premium, Commerce Pro et Cortex AI, sont eux aussi publiés sous AGPL, et leurs fonctions s'activent avec une clé de licence. Le socle reste léger tout en ouvrant des outils pro quand vous en avez besoin. Chaque module propose un essai gratuit de 30 jours, sans carte de crédit.
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. Un agent de code, par exemple Claude Code ou Cursor, peut aussi créer le projet à votre place : le guide d'installation explique comment.