Catégories
Astuces et Design

Premiers pas avec Gatsby: créez votre premier site statique

Vous envisagez de prendre le train en marche Jamstack? Si votre réponse est oui, alors Gatsby, l'un des générateurs de sites statiques Jamstack les plus populaires, pourrait être exactement ce que vous recherchez. Voici notre guide pour démarrer avec Gatsby. JAM signifie JavaScript, API et Markup. En d'autres termes, alors que les parties dynamiques d'un […]

Catégories
Astuces et Design

Utilisation avancée de GraphQL dans les sites Web Gatsby – Smashing Magazine

Dans cet article, Aleem Isiaka explique ce que sont les constructions de requête GraphQL et comment elles peuvent être utilisées pour interagir avec la couche d'accès aux données d'un site Web Gatsby. Jetons un coup d'œil à certains des cas d'utilisation avancés de GraphQL dans un site Web Gatsby en utilisant des données correspondantes provenant […]

Catégories
Astuces et Design

Créer un site Gatsby avec des données WordPress

Dans mon article précédent la semaine dernière, j'ai mentionné la création d'un site WordPress-Gatsby partiellement porté. Cet article est une suite avec une procédure pas à pas sous le capot. Gatsby, un framework basé sur React pour les sites statiques, attire l'attention non seulement des développeurs JavaScript, mais également des développeurs et des utilisateurs de […]

Catégories
Astuces et Design

Qu'est-ce que Gatsby? – Smashing Magazine

Nous parlons de Gatsby. Qu'est-ce que c'est et comment s'intègre-t-il dans votre pile de développement Web? Drew McLellan s'entretient avec l'expert Marcy Sutton pour le découvrir. Aujourd'hui, nous parlons de Gatsby. Qu'est-ce que c'est et comment s'intègre-t-il dans votre pile de développement Web? Drew McLellan s'entretient avec l'expert Marcy Sutton pour le découvrir. Afficher les […]

Catégories
Astuces et Design

Pourquoi nous avons déménagé un site vieux de 20 ans à Gatsby – SitePoint

Nous savions que nous avions un problème. En 2019, SitePoint obtenait des scores de vitesse de phare inférieurs à 10 sur mobile et entre 20 et 30 sur ordinateur. Nos efforts pour contrôler le gonflement UX ont échoué dans le sillage d'un environnement commercial de publication qui a provoqué de nouvelles fuites juste au moment […]

Catégories
Astuces et Design

Comprendre le développement de plugins dans Gatsby – Smashing Magazine

Gatsby est un générateur de sites statiques moderne qui a remanié la façon dont les sites Web statiques sont construits. Il intègre React, Node.js et GraphQL pour créer des sites Web époustouflants et ultra-rapides. Dans cet article, nous discuterons des plugins Gatsby et développerons notre propre plugin de commentaire. Gatsby est un générateur de site […]

Catégories
Astuces et Design

Faites rouler vos propres commentaires avec Gatsby et FaunaDB

Si vous n'avez pas utilisé Gatsby auparavant, découvrez pourquoi il est rapide à tous points de vue et si vous n'avez pas utilisé FaunaDB avant de vous faire plaisir. Si vous cherchez à faire de vos sites statiques des applications Jamstack complètes, c'est la solution back-end pour vous! Ce tutoriel se concentrera uniquement sur les […]

Catégories
Astuces et Design

Comment créer des pages de taxonomie avec Gatsby et Sanity.io

Dans ce didacticiel, nous allons voir comment créer des pages de taxonomie avec Gatsby avec du contenu structuré de Sanity.io. Vous apprendrez à utiliser les API de création de nœuds de Gatsby pour ajouter des champs à vos types de contenu dans l'API GraphQL de Gatsby. Plus précisément, nous allons créer des pages de catégorie […]

Catégories
Astuces et Design

Comment ajouter Lunr Search à votre site Web Gatsby

La façon de penser et de créer des sites Web Jamstack devient de plus en plus populaire. Avez-vous déjà essayé Gatsby, Nuxt ou Gridsome (pour n'en citer que quelques-uns)? Les chances sont que votre premier contact était un «Wow!» moment – tant de choses sont automatiquement configurées et prêtes à l'emploi. Il existe cependant certains […]