Gatsby Js | 4 min de lecture
6 raisons pour lesquelles vous devriez envisager d'utiliser GatsbyJs.
Avant de lister les raisons pour lesquelles vous devriez envisager d’utiliser ce générateur de sites il convient de vous en parler un minimum, alors Gatsby js qu’est ce que c’est ?
Si ce nom évoque pour vous le célèbre personnage du roman de F. Scott Fitzgerald et dont le grand Leonardo Dicaprio tiendra l’affiche au cinéma dans le film réalisé par Baz Luhrmann en 2013 autant vous arrêtez tout de suite ! Cela n’a rien à voir !
En effet, basé sur React JS et GraphQL, Gatsby JS permet aux développeurs de créer des sites web rapides, sécurisés et puissants. Avec Gatsby, il est assez aisé de créer des sites Web et des applications modernes attrayantes et riches en fonctionnalités . Ce générateur de sites statiques va également faciliter l'intégration de différents contenus, API et services dans une seule et même expérience web.
Dans un langage plus accès sur le développement web :
- Gatsby se charge de l'approvisionnement des données et de la récupération des fichiers pendant la phase de construction. Toutes ces données construites sont ensuite utilisées pour générer les fichiers HTML, CSS et JavaScript nécessaires à l'exécution d'un site Web super rapide. Ce rendu statique est l'épine dorsale de Gatsby.
Maintenant entrons dans le vif du sujet : 6 raisons pour lesquelles vous devriez envisager Gatsby Js pour la création ou la refonte de vos sites web :
1. La vitesse
Les mots "rapide" et "vitesse" ont été mentionnés à plusieurs reprises dans cet article, et il en va de même pour tous les articles concernant le sujet, car Gatsby est effectivement très performant. En utilisant la vitesse de Gatsby et la puissance de PWA, vous serez en mesure de créer une expérience semblable à celle d'une application mobile, où l'utilisateur aura l'impression de changer de page dans une application mobile plutôt que sur un site Web.
2. Les plugins
Il y a une multitude de plugins disponibles sur le site officiel de Gatsby et que vous pouvez installer avec npm instal ou yarn add.
Parmi les plus populaires on notera:
Parmi les plus populaires on notera:
- gatsby-plugin-image: Ajouter des images responsives à votre site tout en maintenant des scores de performance élevés
- gatsby-plugin-manifest : Vous permet de rendre votre site installable et au normes PWA
- gatsby-plugin-offline : Faites fonctionner votre site hors ligne avec ce plugin.
- gatsby-plugin-google-analytics : Utilisez Google analytics pour votre site web avec ce plugin.
3. L'avènement de la JAMStack
Jamstack est la culture de l'utilisation de JavaScript, des API et du balisage (Markup) pour créer des sites Web. Ils se concentrent principalement sur la façon dont vous pouvez utiliser ces technologies pour créer des sites Web qui ne dépendent pas de la gestion des serveurs, mais découplent le front-end et le back-end, soutenus par le CDN (Content delivery Network).
La création de sites Web avec Gatsby est une fois de plus une façon de suivre la culture Jamstack. Il en résulte de meilleures performances, une sécurité accrue, une mise à l'échelle facile et peu coûteuse et une meilleure expérience pour les développeurs.
4. Basé sur ReactJs
Puisque ce n'est rien d'autre que ReactJs lui-même, vous pouvez utiliser les techniques et les composants existants de ReactJs ici. La communauté ReactJs est puissante avec de nombreux composants existants qui sont à portée de clic. C'est un avantage énorme car vous n'avez pas à vous soucier de la nouveauté de GatsbyJs.
5. Starters et modèles
Il existe une quantité suffisante de dépôts de starters et de modèles GatsbyJs. Il suffit de les cloner et d'en modifier le contenu. De cette manière, vous pouvez développer complètement des sites Web comme votre blog, de manière super rapide et efficace. La documentation est très conviviale, et je vous recommande vivement de commencer par là si vous voulez apprendre Gatsby.
6. RÉFÉRENCEMENT NATUREL (SEO)
L'utilisation de Gatsby Js permet à vos sites Web d'exploiter un grand nombre de techniques d'optimisation utilisées par le code interne. Cela permet à votre site d'être mieux classé dans les moteurs de recherche. Il existe également de nombreux plugins qui peuvent vous aider à améliorer ce classement.
