Un guide d’utilisation de JAMstack avec Contentful

Utiliser JAMstack pour créer votre prochaine application est un bon moyen de vous assurer que votre création est facilement déployable sur des solutions cloud évolutives comme Zeit ou Netlify. Mais pour qu’une application soit vraiment utile, vous devez la remplir d’un bon contenu. C’est là que Contentful entre en jeu. Il est facile d’utiliser nos API pour montrer le travail acharné de votre éditeur de contenu dans votre application JAMstack. Cet article décrit comment vous pouvez vous concentrer sur l’élaboration d’un code de haute qualité, tandis que les éditeurs de contenu se concentrent sur la création de contenu.

JAMstack est l’abréviation de JavaScript, API et Markup. Le terme a été inventé par Mathias Biilmann pour décrire une approche moderne du développement web. L’architecture est basée sur JavaScript côté client, des API réutilisables et un Markup pré-compilé. Et le fait que la stack soit basée sur JavaScript est un grand avantage pour les développeurs web.

La diffusion de contenu est notre spécialité. Tout comme un CMS traditionnel, Contentful peut diffuser du contenu comme du texte et des images aux applications web. Mais une différence fondamentale entre Contentful et les systèmes CMS est que Contentful est basé sur une API dès sa conception. En d’autres termes, nous sommes une infrastructure de contenu. Cela signifie que quel que soit le type de contenu que vous souhaitez que votre application affiche, il peut être extrait via l’une des API spécialisées de Contentful.

Nous disposons actuellement de quatre API :

1. Content Delivery API

2. Content Preview API

3. Content Management API

4. Images API

1 - Content Delivery API (CDA), accessible à l’adresse cdn.contentful.com, est une API en lecture seule qui permet de diffuser le contenu de Contentful vers des applications, des sites web et d’autres plateformes média. Le contenu est livré sous forme de JSON, d’images, de vidéos ou de tout autre type de fichier.

2 - Outre l’API de diffusion de contenu Content Delivery API pour le contenu déjà publié, Content Preview API est utilisée pour prévisualiser les brouillons et les ressources média sur le point d’être publiées. Content Preview API a le même comportement et accepte les mêmes paramètres que CDA.

3 - L’API de gestion de contenu Content Management API (CMA) vous aide à gérer le contenu de vos espaces. Pour en savoir plus sur la façon de modéliser votre contenu, lisez notre guide de modélisation.

4 - Images API de Contentful permet de récupérer et de manipuler des fichiers image référencés à partir de ressources média.

La façon traditionnelle pour les éditeurs de contenu de créer du contenu éditorial pour les applications web était d’utiliser quelque chose comme l’éditeur intégré dans WordPress ou Drupal. Au fur et à mesure que les alternatives à ces CMS traditionnels évoluaient, nous avons commencé à voir des solutions où les éditeurs de contenu devaient créer du contenu en utilisant des flux de travail avec une courbe d’apprentissage parfois abrupte. Par exemple : la création et la maintenance de contenu à l’aide de git peuvent être parfaites pour les développeurs, mais s’avèrent trop peu pratiques pour les éditeurs. Un autre exemple serait d’exiger des contributeurs de contenu qu’ils utilisent des fichiers YAML pour structurer leur contenu. Avec Contentful, les éditeurs peuvent se concentrer uniquement sur la rédaction d’un excellent contenu à l’aide de notre application web. Une fonctionnalité clé de l’application web est l’aperçu instantané. Cela vous offre une expérience de type WYSIWYG lorsque vous travaillez sur un article. Et lorsque l’éditeur de contenu est satisfait de sa dernière création et appuie sur le bouton de publication, une application JAMstack peut rapidement saisir le contenu au format JSON via un appel d’API et l’afficher dans l’application.

Un aspect clé de l’utilisation de Contentful pour votre application JAMstack est la séparation réelle entre le contenu et la présentation. Cette séparation permet aux éditeurs de contenu de publier du contenu sans impliquer les développeurs dans le processus. L’époque où les éditeurs devaient s’appuyer sur des outils orientés développeurs comme git, ou d’autres systèmes de contrôle de version, pour soumettre un nouvel article est révolue. Puisque tout avec Contentful n’est jamais qu’à un appel d’API, les développeurs peuvent passer plus de temps à travailler sur la façon dont le contenu doit être traité et affiché, plutôt que d’être involontairement impliqués dans le processus de création et de publication du contenu. Le fait que les développeurs et les éditeurs se concentrent sur ce qu’ils connaissent le mieux permet de gagner du temps.

Contentful fournit du contenu sous toutes les formes imaginables par le biais d’appels d’API. Cela rend la plateforme Contentful très adaptée aux applications JAMstack. En effet, dès que vos éditeurs de contenu cliquent sur le bouton de publication, votre application JAMstack peut extraire ce contenu dans votre application et le montrer au monde entier. Cela signifie que les éditeurs peuvent livrer du contenu indépendamment des développeurs. Cette séparation entre le code et le contenu signifie que les développeurs et les créateurs de contenu peuvent se concentrer sur leurs domaines d’expertise respectifs, avec peu ou pas de chevauchement.

Si vous souhaitez consulter des exemples de code vous montrant comment intégrer votre application JAMstack à Contentful, lisez notre tutoriel JAMstack.Vous devriez également consulter notre guide « Contentful en cinq minutes » pour découvrir à quel point il est facile de créer et de déployer votre première application basée sur Contentful.