La Stack

1. Les fondations visuelles — ce que le navigateur lit

Les seuls langages que tous les navigateurs (Chrome, Safari, Firefox...) comprennent nativement, quelle que soit la technologie utilisée derrière.

• HTML (HTML5) — le squelette de toutes les pages web : titres, paragraphes, formulaires, blocs.
• CSS (CSS3) — le style et la mise en page : couleurs, polices, responsive design.

2. La matière première — les langages de programmation

Les langages utilisés par les développeurs pour rendre les sites dynamiques et créer les logiciels qui les font fonctionner.

• JavaScript — le langage universel du Web. Il apporte l'interactivité dans le navigateur et alimente aussi les serveurs modernes.
• TypeScript — la version évoluée de JavaScript. Il ajoute un typage strict qui permet de détecter une grande partie des erreurs dès l'écriture du code, avant même de l'exécuter.
• PHP — le langage serveur historique du Web, sur lequel repose encore aujourd'hui la majorité des sites dans le monde.

3. Le moteur — l'environnement d'exécution

L'outil installé sur le serveur qui lit le langage et exécute la logique de l'application.

• Node.js — le moteur standard qui permet d'exécuter du JavaScript et du TypeScript côté serveur.
• Bun — une alternative moderne et ultra-rapide à Node.js, compatible avec l'écosystème npm.

PHP fait exception : il intègre directement son propre moteur d'exécution sur le serveur, sans dépendre de Node.js ou Bun.

4. La réserve de contenu — les CMS

Les interfaces d'administration pour gérer les textes, images et produits. C'est ici que se situent les CMS comparés sur ce site.

CMS monolithiques / traditionnels (PHP)

Ils gèrent le contenu et la fabrication du HTML au même endroit.

• WordPress — le leader absolu du web (environ 40 % des sites).
• Joomla! — un CMS traditionnel historique, très populaire dans les années 2000-2010.
• Drupal — le CMS PHP traditionnel axé sur les architectures d'entreprise très complexes et sécurisées.
• PrestaShop / Magento — les CMS historiques dédiés au e-commerce.

Joomla!, Drupal, PrestaShop et Magento sont cités à titre de repère et ne sont pas (encore) couverts par le comparatif de ce site.

CMS headless open-source (Node.js / TypeScript)

Elles stockent la donnée et la distribuent sous forme d'API brute, sans imposer de HTML.

• Strapi — le CMS le plus populaire en Node.js, avec une interface d'administration générée automatiquement.
• Payload CMS — CMS code-first en TypeScript, intégré directement dans la base de code.
• KeystoneJS — CMS code-first axé sur la création de schémas GraphQL.
• Directus — se branche directement sur une base de données SQL existante.
• Ghost — spécialisé pour les blogs, médias, newsletters et abonnements.

CMS headless SaaS (services cloud propriétaires)

• Sanity — CMS cloud puissant axé sur le contenu structuré et le temps réel.
• Contentful — le pionnier du CMS headless cloud pour grands comptes.

5. Les tuyaux de communication — les API

Les protocoles qui transportent la donnée du CMS vers l'écran de l'utilisateur.

• REST — l'API standard, avec des adresses d'URL fixes (/articles).
• GraphQL — l'API sur-mesure à adresse unique, où l'on demande uniquement les champs utiles.
• WebSockets / SSE (temps réel) — un canal direct pour pousser les données instantanément, sans recharger la page.

6. L'architecte de rendu — les frameworks frontend

Les outils modernes qui récupèrent la donnée via l'API pour assembler le HTML5/CSS3 final envoyé au navigateur.

• Astro — générateur axé sur la vitesse absolue et le SEO, avec une philosophie « zéro JS inutile ». C'est le framework utilisé pour construire compareCMS.
• Next.js — le framework fullstack le plus populaire, basé sur React.
• Nuxt — l'équivalent de Next.js pour l'écosystème Vue.js.

7. La philosophie juridique

• Open-Source — code libre, gratuit, modifiable et hébergeable sur ses propres serveurs.
• SaaS (Software as a Service) — logiciel clé en main, hébergé par un tiers et payé sous forme d'abonnement.