Headless CMS et Jamstack, une architecture de dernière génération pour créer son site web

À l’instar des CMS headless et par opposition à l’architecture monolithique des CMS à l’ancienne, la JAMStack repose tout d’abord sur un principe de découplage entre les composants back-end et front-end qui composent traditionnellement un site web. Via cette architecture, on vise comme objectif d’atteindre des performances supérieures à trois niveaux : affichage plus rapide, sécurité augmentée, scalabilité facilitée. En effet, contrairement aux CMS classiques qui servent les pages web à la demande, avec la JAMStack elles sont assemblées au cours de la phase de développement puis déposées sur un serveur.

Au sein d’un projet JAMStack, Javascript, le langage de programmation phare du web est employé pour générer les pages web qui vont constituer le front-end du site Internet. Contrairement à l’usage traditionnellement répandu en matière d’intégration CMS, les sites qui entrent dans la catégorie JAMStack ont la particularité d’être générés via des pages pré-assemblées. Ces dernières sont ensuite stockées sur un serveur traditionnel ou de plus en plus communément sur un CDN. C’est un point clef de la JAMStack et une différence majeure avec la façon dont les solutions de gestion de contenus sont traditionnellement employées (génération des pages du site à la volée). De nombreuses librairies ou bibliothèques Javascript sont aujourd’hui disponibles pour générer les pages.

Le markup est le balisage généré par la JAMStack. Il s’agit du HTML qui est interprété par le navigateur Internet. En remettant en avant le HTML, la JAMStack met l’accent sur la simplicité et la performance. Les pages stockées sur le serveur ou le CDN sont moins lourdes et réclament moins de ressources. Un avantage qui peut s’avérer déterminant du point de vue budgétaire et du point de vue SEO !

En réduisant les sites à des pages statiques déposées sur un serveur ou un CDN, l’architecture JAMStack réduit d’autant les risques d’attaques sur la base de données.

Si l’essence même d’un projet JAMStack est de réaliser un site web statique, il ne faut pas pour autant opposer CMS et JAMStack. En effet, rien de tel qu’un CMS Headless pour compléter une pile JAMStack et offrir la possibilité à des rédacteurs tiers d’administrer des contenus comme ils le feraient avec un CMS classique. CQFD !

Comment ça marche ?

Via le CMS Headless de votre choix, les contenus sont mis au point par les rédacteurs exactement comme ils le feraient avec un CMS conventionnel. Chaque publication est répercutée vers le générateur de site statique via l’API du CMS headless. Le serveur de développement pré-assemble les pages HTML puis les dépose sur le serveur web ou le CDN. À ce stade, le site web et les nouveaux contenus diffusés (ou modifiés !) sont consultables sur Internet !

Via des requêtes client ou serveur, la JAMStack offre la possibilité de créer des sites dynamiques comme par exemple des boutiques en ligne. Le fonctionnement est globalement le même que celui des sites statiques sauf en ce qui concerne les données dynamiques comme le tarif, la quantité etc.

Pour autant, il convient d’avoir à l’esprit que cette architecture se prête assez mal à la mise au point de sites web d’envergure dès lors qu’ils promettent un haut niveau d’interactivité et/ou des sommes de contenus volumineuses. Il faut en effet avoir à l’esprit que chaque publication entraîne un nouveau build. Le processus de compilation de l’ensemble du site est donc relancé à chaque modification (et surtout publication).