Headless

Un site headless sépare le contenu (le CMS) de l'affichage (le front). Genesis Digital Factory réalise des sites headless en Next.js ou Astro, connectés à Sanity, Strapi, Contentful, Storyblok, Payload, Directus, Hygraph, DatoCMS, Kontent.ai, Ghost ou WordPress headless. Nous recommandons le CMS selon qui édite le site, en combien de langues et avec quel budget dans la durée. Pour les agences, nous livrons en marque blanche : prix fixe par projet, devis sous 48 h, démarrage sous 72 h.

Ce qu'est un site headless, en une phrase

Dans un CMS classique (WordPress, Webflow, Shopify), le même outil stocke le contenu et affiche les pages. En headless, le CMS ne fait que gérer le contenu : il l'expose par une API (REST, GraphQL ou GROQ), et un front indépendant, souvent en Next.js ou Astro, le met en forme. Le même contenu peut alors alimenter un site, une application ou un écran en magasin.

Pourquoi tant d'agences passent au headless en 2026

Le mouvement est réel, mais il concerne surtout les projets exigeants. En volume, WordPress équipe encore 58 % des sites dont le CMS est identifié (W3Techs, novembre 2026). Chez les grandes organisations interrogées par WP Engine, en revanche, 73 % utilisent déjà une architecture headless (State of Headless 2024, une étude d'éditeur menée aux États-Unis, au Royaume-Uni et en Australie).

Les atouts d'un site headless

Performance et Core Web Vitals

Un front pré-généré et servi par un CDN s'affiche très vite. Le gain vient du code livré, pas de l'étiquette « headless » : un front mal construit reste lent. C'est pour ça que nous contrôlons les Core Web Vitals avant la mise en ligne.

Un contenu, plusieurs canaux

Le contenu est structuré une fois (produits, offres, articles, FAQ), puis réutilisé sur le site, une application, des landing pages ou une newsletter, sans copier-coller.

Sécurité et montée en charge

Le back-office n'est plus exposé sur le site public, et le front statique a peu de surface d'attaque. Un pic de trafic est absorbé par le CDN, pas par un serveur de base de données.

Contenu structuré pour Google et les moteurs IA

Un contenu en champs typés se transforme facilement en données structurées (JSON-LD) et en réponses courtes. C'est ce que lisent Google, ChatGPT ou Perplexity. Pour aller plus loin, voir nos pages AEO et GEO.

Headless

Pour le débat de fond (« le headless va-t-il remplacer les CMS ? »), lisez notre analyse : Headless et IA : la fin des CMS ?

Quand le headless n'est pas le bon choix

Nous le disons avant le devis, pas après. Un CMS classique reste préférable quand :

Le headless remplace un abonnement unique par plusieurs postes : une licence CMS (souvent par siège ou par usage), un hébergement front et l'évolution du code. Nous chiffrons ce coût total avec vous avant de choisir.

Comparatif 2026 des CMS headless

Prix d'entrée publics relevés sur les sites officiels des éditeurs le 11 novembre 2026, hors taxes et hors options. Ils évoluent : vérifiez-les au moment du choix.

CMSModèleAPIÉdition visuellePrix d'entrée public*Idéal pourChez Genesis
SanitySaaS, Studio open sourceGROQ, GraphQLOui (Presentation, aperçu live)Gratuit · 15 $/siège/moisContenu très structuré, édition à plusieurs en temps réelLivré
StrapiOpen source (MIT), auto-hébergé ou CloudREST, GraphQLAperçu live (plan payant)Gratuit auto-hébergé · Cloud dès 35 $/moisGarder ses données et son codeLivré
ContentfulSaaS enterpriseREST, GraphQLAperçu live, Studio (option)Gratuit · plans payants sur la pageGrandes équipes, multi-marquesLivré
StoryblokSaaSREST (GraphQL sur plans Premium)Oui, éditeur visuel par blocsGratuit · 99 $/moisMarketing autonome sur la mise en pageLivré
PayloadOpen source (MIT), TypeScript, intégré à Next.jsREST, GraphQL, API localeAperçu liveGratuit (open source)Site + application sur mesure dans un seul codeLivré
DirectusLicence « source disponible », auto-hébergé ou CloudREST, GraphQL sur toute base SQLBack-office de donnéesGratuit sous conditions · Cloud dès 89 $/moisBrancher un back-office sur une base existanteLivré
HygraphSaaSGraphQL natif, fédération d'APIAperçu liveGratuit · 199 $/moisRéunir plusieurs sources (PIM, commerce)Livré
DatoCMSSaaS (UE)GraphQL, RESTOui, aperçu temps réelGratuit · 149 €/moisSites riches en images et vidéos, agences multi-projetsLivré
Kontent.aiSaaS enterpriseREST, GraphQLAperçu live, édition depuis la pageSur devisOrganisations avec workflows et conformité strictsLivré
GhostOpen source (MIT) ou Ghost(Pro)REST (Content API)Éditeur d'articlesGratuit auto-hébergé · 18 $/moisMédia, newsletter, abonnementsLivré
PrismicSaaSREST, GraphQLOui, page builder par « slices »Gratuit · 10 $/moisLanding pages modulairesNous intégrons aussi
Builder.ioSaaSREST (Content API)Oui, drag-and-drop sur vos composantsGratuit · 24 $/utilisateur/moisPages marketing sur un design system ReactNous intégrons aussi
ContentstackSaaS enterpriseAPI de contenuOuiGratuit · 29 $/moisGrandes marques composablesNous intégrons aussi
Agility CMSSaaSRESTOui (Studio, plans de site)1 425 $/mois (annuel)Plusieurs sites, accompagnement inclusNous intégrons aussi
Umbraco.NET (Heartcore en SaaS)REST, GraphQLBack-office UmbracoHeartcore dès 60 €/moisÉquipes déjà sur UmbracoNous intégrons aussi
Optimizely CMS (SaaS)SaaS enterpriseGraphQL (Optimizely Graph)Visual BuilderSur devisGrands comptes déjà sur OptimizelyNous intégrons aussi
WordPress headlessOpen sourceREST, GraphQL (WPGraphQL)Éditeur WordPressGratuit (plugin)Garder l'éditeur que l'équipe connaîtLivré (avec Next.js/React)
Webflow + APISaaSREST (Data API)Webflow DesignerPlans WebflowSite Webflow + application à côtéNous intégrons aussi
Craft CMSLicence auto-hébergéeGraphQLAperçu liveGratuit (1 utilisateur) · 279 $/projetSites éditoriaux sur mesure, multisiteNous intégrons aussi
Decap CMSOpen source (MIT), basé sur GitFichiers dans le dépôtAperçuGratuitPetit site statique sans base de donnéesNous intégrons aussi
TinaCMSOpen source + Cloud, basé sur GitGraphQL sur fichiersOuiGratuit · 24 $/projet/moisDocumentation, sites Markdown/MDXNous intégrons aussi
KeystaticOpen source, basé sur GitAPI TypeScript sur fichiersInterface d'adminGratuitPetits sites Astro ou Next.jsNous intégrons aussi

* Premier palier gratuit, puis premier palier payant affiché, au 11/11/2026, en devise d'origine. Les licences sont souscrites par votre client ou votre agence, directement auprès de l'éditeur.

Comment lire ce tableau

Headless ou CMS classique : comment choisir

Trois questions tranchent presque toujours.

  1. Qui fera vivre le site, et comment ? Une personne qui modifie ses pages seule : CMS classique. Une équipe qui publie des contenus structurés sur plusieurs canaux : headless.
  2. Quel volume et quelle structure ? Quelques dizaines de pages : CMS classique. Des milliers de fiches, plusieurs langues ou plusieurs sites qui partagent le même contenu : headless.
  3. Quel coût sur trois ans ? Licence, hébergement, évolutions : nous le chiffrons pour les deux options.
ProjetRecommandation
Site vitrine de PME mis à jour par le clientWebflow ou WordPress
Boutique en ligne standardShopify ou PrestaShop
Site de marque multilingue, plusieurs équipes éditorialesHeadless : Storyblok, Sanity, Contentful ou DatoCMS + Next.js ou Astro
Plateforme de contenu à fort volume, SEO programmatiqueHeadless + Astro ou Next.js, voir SEO programmatique
Site + espace client ou applicationPayload, Directus ou Strapi + Next.js
WordPress existant à moderniser sans changer d'éditeurWordPress headless + Next.js, ou migration

Next.js, Astro ou un autre framework ?

Next.js

Le framework React le plus utilisé (58,6 % des développeurs interrogés par State of JS 2025). C'est le bon choix quand le site mêle contenu et logique applicative : comptes, recherche, personnalisation, commerce. Nous le livrons en production.

Astro

Pensé pour les sites de contenu : il n'envoie de JavaScript que là où c'est utile, donc des pages très légères. Astro reste open source (MIT) après avoir rejoint Cloudflare en janvier 2026 (Cloudflare). Il est idéal pour un site vitrine, un blog ou de la documentation à fort trafic. Nous le livrons en production.

Nuxt, SvelteKit, React Router

Nous intégrons aussi Nuxt (Vue), SvelteKit et React Router v7 (le successeur de Remix) quand l'équipe de votre client utilise déjà ces technologies. Gatsby est en mode maintenance : nous le reprenons, mais nous ne le conseillons pas pour un nouveau projet.

Hébergement : à qui il appartient

Les fronts headless se déploient en général sur Vercel, Netlify ou Cloudflare. Genesis ne vend pas d'hébergement : le compte appartient à votre client ou à votre agence. Nous déployons par Git sur le compte Vercel, Netlify ou Cloudflare de votre client.

Ce que nous livrons sur un projet headless

Cadrage et choix du CMS

Nous recommandons le CMS au brief, avec ses raisons : qui édite, langues, volume, données, budget de licence. Le choix est écrit dans le devis.

Modèle de contenu

Des types de contenu, des champs et des blocs réutilisables, pensés pour l'éditeur autant que pour le développeur. C'est ce qui rend le site facile à faire évoluer.

Front Next.js ou Astro, fidèle à la maquette

Intégration au pixel près depuis Figma, composants réutilisables, accessibilité, Core Web Vitals vérifiés avant la mise en ligne.

Aperçu et édition

Aperçu des brouillons et édition visuelle quand le CMS le permet, pour que l'équipe éditoriale reste autonome.

SEO, AEO et GEO intégrés

Balises, sitemap, redirections, données structurées JSON-LD générées depuis le contenu, réponses courtes et FAQ prêtes pour Google et les moteurs IA. Pour aller plus loin : AEO et GEO.

Multilingue et migration

Locales FR, EN, NL et DE, traductions NL et DE faites par notre équipe. Migration du contenu depuis WordPress, Webflow ou un autre CMS, avec plan de redirections. Voir aussi création de sites web et migration de site.

Comment on travaille, en cinq étapes

Brief

Maquette Figma ou cahier des charges, contraintes de votre client.

Devis sous 48 h

CMS recommandé, framework, périmètre, prix fixe.

Modèle de contenu et front

Construits sur des aperçus que vous validez à chaque étape.

Contrôles

Performance, accessibilité, SEO, données structurées, tests d'édition.

Livraison sous votre marque

Déploiement sur le compte de votre client, documentation pour l'éditeur.

Avantages

Pourquoi choisir Genesis Digital Factory pour un projet headless ?

Depuis plus de 20 ans, nous produisons sites, visibilité et design pour des agences et des entreprises en Europe. Nous recommandons le CMS au brief, livrons un front Next.js ou Astro fidèle à la maquette, et remettons un modèle de contenu documenté. La production est en Tunisie, sur le fuseau horaire européen. Prix fixe par projet, devis sous 48 h.

Tester avec un premier projet

Pour les agences : le headless en marque blanche

Votre client veut du headless et votre équipe n'a ni le temps ni la stack ? Nous produisons sous votre marque. Vous gardez la relation client, le code est livré sur votre dépôt Git, et la licence CMS reste au nom de votre client.

Prix fixe par projet, devis sous 48 h, démarrage sous 72 h.

NDA dès le premier échange, DPA RGPD (art. 28) sur demande.

20+ ans de production, 85 000+ projets livrés depuis 2005, production en Tunisie, sur le fuseau horaire européen.

Structure de code documentée et convention Client-First quand le projet mêle Webflow et headless.

Maintenance et évolutions si votre client le souhaite. Pour commencer à petite échelle : un projet test. Pour les autres socles : sous-traitance web.

Devis marque blanche
FAQ

Questions fréquentes

Testez-nous sur un premier projet headless

Envoyez-nous une maquette ou un brief : nous recommandons le CMS et le framework, et vous recevez un devis à prix fixe sous 48 h.

Démarrer un projet test

Dernières analyses & Perspectives Web

Voir tous les articles