Strapi : un CMS sans tête !

Introduction à Strapi

Strapi est un système de gestion de contenu (CMS) open source. Il propose une API (JSON) qui permet l’intégration des contenus avec de multiples frameworks front-end (Nuxt.js, Gatsby, Next.js, Hugo, etc.).

Un CMS sans tête ?

Lorsque l’on parle de CMS, le premier réflexe est de penser à WordPress, Joomla ou encore Drupal. Ces outils proposent des solutions tout-en-un intégrant la partie administrative (back-end) et la partie publique (front-end) du site web. Strapi se concentre sur la partie back-end uniquement, il s’agit donc d’un CMS « headless » – sans tête !

Il est conçu pour s’intégrer à de nombreuses solutions grâce à son API REST (JSON) :

• Gatsby
• Nuxt.js
• Hugo
• Vue.js
• React
• Angular

Le fait de séparer la gestion des contenus du front-end offre un avantage de taille : vous pouvez à tout moment décider de remplacer la partie publique de votre site web (front-end) sans avoir à remplacer le back-end. Vous conservez ainsi tous vos contenus et gagnez un temps considérable en n’ayant aucune migration à effectuer de ce côté-là.

Fonctionnalités de Strapi

Strapi propose toutes les fonctionnalités nécessaires à la gestion de contenus. :

• Médiathèque
• Éditeur de texte enrichi
• Gestion des contenus multilingues
• Gestion des utilisateurs et des rôles (administrateur, éditeur, auteur)

Création de contenu

La création de contenu s’effectue de manière simple et visuelle. Il est possible de créer des « zones dynamiques » qui peuvent contenir des types de contenus répétables.

Cette fonctionnalité peut servir, par exemple, dans le cas d’une FAQ où il serait nécessaire de répéter à de multiples reprises les mêmes champs.

Gestion des contenus

Les listes de contenus sont également personnalisables. Vous pouvez sélectionner les champs qui s’affichent pour façonner vos pages d’administration comme vous le souhaitez.

Médiathèque

La gestion des médias fait partie intégrante de Strapi. Vous pouvez organiser vos images, vidéos et autres documents de manière visuelle.

Tous les contenus ajoutés dans la médiathèque peuvent être insérés dans vos différentes publications.

CMS modulaire

Strapi vous permet de définir l’organisation de vos contenus. Vous pouvez librement créer des types de contenus qui proposeront différents champs lors de l’édition, par exemple :

• Articles de blog
• Pages
• Auteurs
• Restaurants

Il est aussi possible de définir des relations entre les types de contenus pour relier un restaurant à une catégorie, ou encore relier un livre à son auteur par exemple.

Extensible

La marketplace de Strapi propose des plugins qui ajoutent de nouvelles fonctionnalités à Strapi :

• Meilisearch : intègre les collections directement dans ce moteur de recherche
• Newsletter : pour envoyer automatiquement un email à vos utilisateurs lorsque vous publiez du contenu
• Awesome SEO : permet d’analyser si votre contenu est optimisé pour le SEO directement dans Strapi
• Sitemap : génère automatiquement un sitemap au format XML pour vos contenus

Il existe de nombreuses autres extensions à découvrir !

API pour les développeurs

Tous les contenus créés dans Strapi sont accessibles via une API REST qui retourne les résultats au format JSON :

GET http://localhost:1337/api/restaurants

{
  "data": [
    {
      "id": 1,
      "attributes": {
        "title": "Restaurant A",
        "description": "Restaurant A's description"
      },
      "meta": {
        "availableLocales": []
      }
    },
    {
      "id": 2,
      "attributes": {
        "title": "Restaurant B",
        "description": "Restaurant B's description"
      },
      "meta": {
        "availableLocales": []
      }
    },
  ],
  "meta": {}
}

L’API permet non seulement de récupérer du contenu, ainsi que d’en ajouter, de le modifier et de le supprimer à l’aide de requêtes GET, POST, PUT et DELETE.

Pour en savoir plus, consultez la documentation officielle de l’API de Strapi.

Comment installer Strapi ?

Vous pouvez installer Strapi sur n’importe quelle machine qui dispose d’une version LTS de Node.JS. L’installation s’effectue en une seule commande. Vous serez amené à choisir si vous souhaitez utiliser une base de données SQLite (par défaut) ou une base de données MySQL.

npx create-strapi-app@latest mon-super-projet

La mise en production de Strapi sur internet nécessite un hébergeur qui puisse exécuter les applications Node.JS, c’est le cas de nos offres d’hébergement web en Suisse.