Découvrez ma série de tutoriels sur Gatsby JS. Une série de vidéo ou je vous explique étape par étape le fonctionnement de Gatsby JS.

Gatsby JS est un générateur de site statique.
Il utilise plusieurs technologies modernes pour générer des web app complexes.

Il génère des fichiers statiques que vous puissiez héberger facilement sur un simple serveur ou sur des services types Netlify.


En plus de générer des fichiers statiques HTML, il génère une web app complète. Cela veut dire qu'une fois que le visiteur est entré sur votre site, il navigue dans une web app qui ne nécessite plus de recharger la page pour changer de page.

Cela permet d'avoir le confort d'une web app, la sécurité et la rapidité du statique. Tout en ayant un SEO conforme pour les moteurs de recherche.



Mais Gatsby JS a beaucoup d'autres avantages :

  • Il transforme n'importe quelles sources en donnée GraphQL
  • Il a un système de transformation d'image
  • Un écosystème de plugin
  • Une communauté active
  • ...

Les vidéos sur Gatsby JS

Gatsby JS n'est pas forcement évident à comprendre au début. J'ai donc fait une série de vidéos pour vous aider à prendre en main l'écosystème

#1 - Présentation de Gatsby JS et installation sur votre machine.


#2 - Comprendre l'organisation et la fonction des fichiers. Ajouter une page. Faire un premier build de production.


#3 - Créer une source avec des fichiers markdown et créer des pages en passant par le fichier gatsby-node.js

#4 - Créer une liste d'articles avec un template et des fichiers Markdown.

#5 - Créer une pagination pour une liste d'article

#6 - Utilisation des images dans Gatsby JS

#7 - Créer une source MDX et utiliser des components React JS dans le fichier markdown

#8 - Explication sur le fonctionnement du déploiement d’un site Gatsby JS sur Netlify avec GitHub

#9 - Comment brancher forestry sur votre site Gatsby JS.
Forestry fonctionne avec des fichiers statiques (.md, .yml, .json) pour éditer le contenu.

#10 - New File System Route API. Présentation de la nouvelle Route API basée sur les fichiers.On peut désormais générer des routes avec les noms des fichiers.


Articles du blog sur #jamstack  #Gatsby  #React JS 

Gatsby JS - Nouvelle Route API basée sur les fichiers

L'équipe de Gatsby JS vient d'annoncer la release officielle de la nouvelle API Route basée sur les fichiers.

Craft CMS 3.5 en mode headless

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.

Un site e-commerce statique développé avec Gatsby JS et Snipcart

Avec le confinement, les commerçants ont dû fermer leurs portes depuis un petit moment maintenant. Et le confinement traîne en longueur… Du coup, certaines boutiques essayent de s’adapter et de rebondir.