David Dumont
23/11/2022
Suncel et Wordpress (en utilisation headless) sont deux CMS avec des caractéristiques très différentes. Quels sont les points forts de chaque solution et quelle solution choisir ?
Wordpress est un éditeur de contenu pour le web (CMS) très populaire depuis de nombreuses années, mais il est en perte de vitesse pour de nombreuses raisons.
Même si Wordpress est apprécié de ceux qui éditent le contenu (la mise en ligne d'une page est très facile sur Wordpress), les développeurs ne partagent pas cette opinion car 59% d'entre eux redoutent de l'utiliser (source).
En effet, Wordpress est construit sur une technologie ancienne (PHP) et certains plugins peuvent être ne plus mis à jour (et donc être sur des vieilles versions de PHP). Cette technologie devient de moins en moins populaire tout comme Wordpress. Ce CMS est désormais deux fois moins populaire qu'en 2014.
Wordpress peut être utilisé en CMS "monolithique", c'est-à-dire avec un backend et un frontend, mais il peut aussi être utilisé en tant que headless CMS. Dans ce cas, il sert uniquement à éditer du contenu organisé en champs de textes basiques (titres, contenu, ...) ou des images, et à récupérer ce contenu depuis une application front indépendante.
Utiliser Wordpress en tant que headless CMS revient à créer son contenu depuis l'admin de Wordpress puis à le fetcher depuis une application (qui peut être une application Next.js par exemple) qui sera en charge de l'affichage du contenu.
L'installation de Wordpress en tant que headless CMS nécessite de maîtriser :
HTML, CSS,
PHP
JavaScript
GraphQL
Il faudra ensuite ajouter à cela les compétences de l'application front-end qui fera appel à l'API de Wordpress. Vous pouvez par exemple regarder les vidéos tutoriel de WPCast ou celle de James Q Quick (dans les deux cas avec un front Next.js) pour voir comment se passe l'installation de Wordpress CMS en headless.
Suncel est davantage un CMS hybride plutôt qu'un headless CMS dans le sens où Suncel ne stocke pas uniquement un JSON de données "basiques", mais plutôt de la donnée provenant d'une structure de page définie par l'utilisateur qui édite le contenu dans le visual builder de Suncel. La données correspond donc à un format de page, qui dépend des blocks constitutifs de cette page.
Cette données et ensuite rendue dans un éditeur de contenu (avec une live preview réelle) et injectée dans des blocks préconçus (par le développeur lors de la mise en place).
Suncel propose un éditeur de contenu très simple d'utilisation et qui a la particularité de proposer une "live preview" que la plupart des CMS ne proposent pas. La complexité de la mise en page et le responsive sont laissés côté développeur et l'utilisateur se concentre sur son contenu.
Techno moderne : React, Typescript
Mise en place très rapide
Live preview (large screen + mobile)
Logique de blocks réutilisables
Excellents scores de Core Web Vitals de base
Module SEO complet (incluant de nombreuses données structurées)
Très facile d'ajouter des
Optimisations d'images
Asset library
Peut être installé sur une application Next.js
Gestion des pages et des dossiers très simple
Solution e-commerce pas encore disponible (S1 2023)
Pas "techno agnostic" : tourne avec Next.js (bientôt Nuxt.js)
Pas multi-channel (pas fait pour une appli mobile)
Application front-end à héberger (idéalement sur Vercel)
Nombre de plugins important
Même si la technologie est ancienne, cela reste facile de trouver des développeurs PHP
Installation gratuite (mais y a le coût du hosting)
Technology agnostic pour le front-end
Multi-channel
A héberger (implique coût et maintenance)
Pas de prévisualisation réelle de la page
Temps de mise en place long
Difficile d'intégrer des données de source externe (e-commerce ou api)
Pas de solution de base pour du e-commerce
Pas de gestion des assets (media) en sous-dossier
L'éditeur de contenu de Wordpress n'est pas convivial : pas de live preview pour des layouts complexes (marche uniquement pour des mises en page simples de type article).
L'éditeur de contenu de Suncel est quant à lui beaucoup plus convivial, puisqu'il permet de voir en direct le rendu, que ce soit pour des layouts simples ou des layouts complexes.
Pour les layouts ou les blocks ayant une certaine complexité, dues au CSS ou bien liées à un rendu mobile différent du rendu sur large écran, Suncel permet d'éditer dans une barre latérale le contenu difficile à éditer dans le preview.