Ouvrir le menu principal

MacGeneration

Recherche

Netlify CMS simplifie l’utilisation de sites statiques

Nicolas Furno

mercredi 27 décembre 2017 à 12:00 • 9

Ailleurs

Pour créer un site, on peut toujours partir de pages blanches (virtuelles) et écrire du code en HTML, CSS et JavaScript à partir de zéro. C’est l’approche traditionnelle et même si elle n’a pas perdu complètement de son intérêt, elle est devenue extrêmement minoritaire aujourd'hui. On utilise en général un CMS, une application qui permet de gérer et d’organiser du contenu.

Dans le domaine, les CMS dynamiques ont la cote, WordPress en tête. Construits autour d’une base de données, ils génèrent le site à la volée, en créant des pages à partir de modèles et d’informations piochées dans la base. Cette approche a de nombreux avantages, le premier étant la souplesse — il suffit de changer un paramètre du thème pour changer tout le site —, mais elle a aussi des inconvénients, notamment en termes de performances ou de sécurité.

Édition d’un article sur un site généré avec WordPress. Cliquer pour agrandir
Édition d’un article sur un site généré avec WordPress. Cliquer pour agrandir

C’est pourquoi une troisième voie se développe depuis plusieurs années : les générateurs de sites statiques. Ils fonctionnent eux aussi sur le principe de pages générées à partir d’un thème et de données, mais celles-ci ne sont plus chargées dans une base de données. À la place, ces générateurs utilisent des fichiers organisés dans des dossiers et souvent nommés d’une certaine manière. Comme leur nom l’indique, ces outils génèrent entièrement le site en statique et c’est ce résultat, un ensemble de fichiers HTML, que l’on publie finalement.

On ne peut pas faire plus rapide ou plus sécurisé, puisque le serveur n’exécute plus rien et se contente d’afficher des fichiers statiques. En contrepartie, on perd en confort d’utilisation : il faut accéder au fichier original pour éditer un article, ce qui n’est pas toujours possible et rarement pratique. C’est pour simplifier ce processus que Netlify CMS a été créé.

Cet outil ressemble à un CMS dynamique, mais il a été conçu pour les générateurs statiques. Il permet de modifier des articles avec une interface visuelle riche, sans avoir à gérer les fichiers à l’arrière-plan. Pour que le site puisse être mis à jour en utilisant uniquement un navigateur, l’outil nécessite quelques prérequis qui limitent malgré tout son usage.

Édition d’un article dans Netlify CMS. Cliquer pour agrandir
Édition d’un article dans Netlify CMS. Cliquer pour agrandir

Un hébergeur traditionnel ne suffira pas, vous aurez besoin d’un dépôt Git pour stocker les fichiers et d’un serveur spécifique capable de générer le site à partir de ces fichiers. Netlify, le créateur de l’outil, est aussi un hébergeur de sites statiques et il simplifie toutefois ces deux étapes. Vous pouvez en effet créer un site gratuit en créant un compte sur GitHub (pour les fichiers) et un autre chez Netlify (pour générer et distribuer le site).

Cela reste plus compliqué qu’un hébergeur classique qui fournit souvent des CMS préinstallés. Mais Netlify CMS simplifie considérablement la mise en place et l’utilisation au quotidien des sites statiques. Et une fois que tout est configuré, il permet d’utiliser un générateur de sites comme s’il s’agissait d’un moteur de site dynamique. Une démo est disponible à cette adresse, si vous voulez voir par vous même à quoi ressemble l’interface d’administration.

Même si Netlify CMS est la création d’une entreprise privée à la base, c’est un projet open-source qui peut s’adapter à de nombreux contextes. Par défaut, l’app est optimisée pour GitHub côté stockage des fichiers et Hugo ou Gatsby côté création du site. À peu près n’importe quel dépôt Git et n’importe quel générateur de site peuvent également fonctionner toutefois et des travaux sont déjà en cours pour gérer Gitlab et Bitbucket, en plus de GitHub.

Si le sujet vous intéresse, vous pouvez commencer à cette adresse pour obtenir en quelques clics un nouveau site statique, ou bien consulter la documentation pour adapter Netlify CMS à votre environnement.

Ajouter ce site dans Google News

MacBook : après le Neo, Apple voudrait encore agrandir la famille

18:00

• 8


Hugging Face tombe dans les bras de Nvidia pour 12,9 milliards de dollars

17:14

• 11


ChatGPT à nouveau en panne ! Claude et Gemini au ralenti… 🆕

17:09

• 23


Meta transforme des dizaines de milliers de lunettes connectées en lunettes (presque) classiques

16:36

• 20


BenQ lance la ScreenBar Max : la lampe d'écran pour ceux qui ont deux moniteurs

15:45

• 10


macOS 27 et le multitouch : Mac tactile, iPad sous macOS ou amélioration de Sidecar ?

11:05

• 17


Revolut lance AIR, son assistant IA capable de gérer vos finances

10:48

• 10


Un rare Apple-1 en état de marche bientôt aux enchères

09:35

• 2


Tesla FSD en France : deux voitures bientôt testées, mais rien n’est encore gagné

08:59

• 49


Google enchaîne les mises à jour de Gemini Flash : la version 3.8 sort déjà, deux semaines après la 3.7

07:10

• 24


UTMB 2026 : l'Apple Watch Ultra reste sur la ligne de départ

07:06

• 33


Un numéro, deux iPhone : la discrète fonction Handoff d'iOS 27 se dévoile

07:06

• 71


Guide d’achat de la rentrée : les accessoires essentiels pour l’iPad

06:07

• 7


Le prochain modèle d’OpenAI serait plus puissant mais beaucoup plus difficile à surveiller, inquiétant les scientifiques

02/09/2026 à 21:45

• 75


Le gouvernement américain vole au secours d’OpenAI dans son procès face au New York Times

02/09/2026 à 20:45

• 41


C'est la rentrée, ces articles du Club iGen passent en accès libre : découvrez nos contenus premium

02/09/2026 à 18:12

• 1