Comment faire un site Jamstack avec Strapi et Angular ?

Dans cet article, vous allez découvrir ce qu’est un Headless CMS et son utilisé. Nous avons sélectionné le CMS open sources Strapi

Qu’est-ce qu’un Headless CMS ?

Un CMS sans tête est un système de gestion de contenu qui vous permet, ainsi qu’aux membres de votre organisation, de gérer et d’écrire du contenu et d’y accéder dans toutes vos applications à l’aide d’une API.

Le terme « sans tête » vient du concept consistant à couper la « tête » (le frontend, c’est-à-dire le site Web) du « corps » (le back-end, c’est-à-dire le référentiel de contenu).

Un CMS sans tête ne se soucie pas de savoir comment et où votre contenu est affiché. Il n’a qu’un seul objectif : stocker et fournir un contenu structuré.

Cas d’utilisation pour Headless CMS :

  • Créez un site Web avec une technologie que vous connaissez bien.
  • Sites Web et applications Web utilisant des frameworks JavaScript (Vue, React , Angular)
  • Sites Web créés avec des générateurs de sites statiques ( Gatsby , Jekyll, etc.)
  • Applications mobiles natives (iOS, Android, Windows Phone, React Native …)
  • Enrichir les informations produits sur les sites e-commerce.

Raisons d’adopter une solution CMS headless

  • Liberté de développer le logiciel hérité de demain
  • Capacité à gérer facilement le contenu sur plusieurs canaux.
  • Gestion de contenu à partir d’un seul endroit dans toute l’organisation.
  • Préparé pour la croissance et l’évolutivité.

Qu’est-ce que Strapi ? 

Strapi est un CMS open source sans tête que les développeurs adorent. C’est plus qu’un framework Node.js et plus qu’un CMS sans tête.

Il permet de gagner du temps sur le développement de l’API grâce à un magnifique panneau d’administration que tout le monde peut utiliser.

Avantages de Strapi

  • Open source – gratuit et open-source, pour toujours. L’intégralité de la base de code est disponible sur GitHub et est maintenue par des centaines de contributeurs.
  • Auto-hébergé – la sécurité est cruciale pour les entreprises. Hébergez vos données en toute sécurité, sur vos propres serveurs. Conforme au RGPD.
  • Personnalisable – chaque projet nécessite des exigences spécifiques. Personnalisez facilement le panneau d’administration ainsi que l’API.
  • RESTful ou GraphQL – consommez l’API de n’importe quel client (React, Vue, Angular), des applications mobiles ou même de l’IoT, en utilisant REST ou GraphQL.
  • 100% JavaScript – un langage pour les gouverner tous. Utilisez JavaScript partout : aussi bien pour votre front-end que pour votre Headless CMS.
  • Extensible par conception – système de plugins inclus. Installez le système d’authentification, la gestion de contenu, les plug-ins personnalisés, etc., en quelques secondes.
  • Authentifications et autorisations – sécurisez vos points de terminaison en autorisant ou non les utilisateurs à accéder à votre API par rôle.

Angular 

Angular (communément appelé  » Angular 2+  » ou  » Angular CLI « ) est un framework d’application Web gratuit et open source basé sur TypeScript dirigé par l’équipe Angular de Google et par une communauté d’individus et sociétés. Angular est une réécriture complète de la même équipe qui a construit AngularJS .

Angular est utilisé comme interface de la pile MEAN , composée de la base de données MongoDB , du framework de serveur d’applications Web Express.js , d’Angular lui-même (ou AngularJS ) et de l’environnement d’exécution du serveur Node.js.

Vous pouvez découvrir nos différents articles sur d’autres technologies.

Si vous avez envie d’en savoir plus sur les technologies Strapi et Angular JS, n’hésitez pas à prendre rendez-vous avec nous. 

 

Vous avez un projet en tête ?

Discutons-en ! 

Découvrez nos autres articles de blog

Loading...