Craft CMS 3.5 vient d'être annoncé (octobre 2020) avec quelques améliorations et nouveautés. Mais revenons sur les capacités incluses par défaut dans un mode d'utilisation Headless. GraphQL et le mode preview adapté aux sites statiques.

Rappel sur les features disponibles dans la version Pro pour une utilisation headless

  • Mode Headless (via une variable dans les settings)
  • GraphQL: query et mutation (depuis la 3.5)
  • Preview Mode dans l'éditeur de contenu (utilisable avec site statique)
  • Webhooks (via un plugin gratuit)

Vidéo: Utiliser Craft CMS 3.5 avec Nuxt JS

Je vous montre dans cette vidéo que Craft CMS est l'un des CMS auto-hébergé le plus adapté en mode JAMStack. Notamment grâce au mode preview intégré dans l'éditeur.

La qualité de la vidéo étant médiocre, je vais certainement refaire un live prochainement.

GraphQL

GraphQL a été intégré dans la version 3.3 mais cette nouvelle version apporte quelques améliorations :

  • Mutations : il est désormais possible de modifier des entrées, tags, globals et matrix blocs
  • Integration de OneGraph Explorer pour faciliter création de requêtes dans graphiQL
  • Amélioration de l'API avec l'ajout de nouveaux arguments pour les requêtes.

Project Config Workflow

Un des défauts majeurs de Craft CMS avant la version 3.5, était que les champs et les sections étaient stockés en base de données. Ce qui rendait compliqué, le déploiement d'améliorations sur un projet en production. En effet, il fallait ajouter les champs manuellement.

Craft comportait déjà un système de fichier de configuration de projet mais pas du tout pratique.

C'est désormais réglé avec un système qui sauve la configuration d'un projet sous forme de plusieurs fichiers Yaml (section, fields, ...).
Il est donc possible après déploiement d'appliquer des changements via les settings ou par une commande "project-config/apply".
Une feature qui va grandement faciliter la vie des développeurs !

Field Layout design

Le système qui permet de designer les formulaires des sections a été grandement amélioré :

  • Ajout d'éléments UI tel que des séparateurs , des notices de warning, des tips...
  • Il est possible de surcharger les labels pour les champs
  • Contrôle des tailles des éléments. Ce qui permet de mettre 2 éléments sur une même ligne.

Le détail de la version 3.5

Retrouvez la liste complète des améliorations sur :

https://github.com/craftcms/cm...

https://craftcms.com/knowledge...

Gatsby JS - Nouvelle Route API basée sur les fichiers
Un site e-commerce statique développé avec Gatsby JS et Snipcart