gatsby

Gatsby est un framework web gratuit et open-source basé sur React, publié sous licence MIT et distribué sur npm sous le package `gatsby`. Selon son README, il vise à combiner le contrôle et l'évolutivité des sites rendus dynamiquement avec la vitesse de la génération de sites statiques, aidant les développeurs à créer des sites web et des applications performants et riches en contenu. **Couche de données** Gatsby peut extraire du contenu de n'importe quelle source de données : fichiers Markdown, systèmes CMS headless tels que Contentful ou WordPress, ou API REST et GraphQL. Des plugins de source chargent les données, et les développeurs travaillent ensuite avec une interface GraphQL uniforme, quel que soit le backend. **Options de rendu** Le projet documente trois approches de rendu pouvant être sélectionnées par page : la génération de site statique (SSG), la génération statique différée (DSG) et le rendu côté serveur (SSR). Le README présente cette granularité comme un moyen de trouver un équilibre entre performance et productivité par page plutôt qu'au niveau global. **Au-delà des sites statiques** Les sites Gatsby sont décrits comme des applications React pleinement fonctionnelles, permettant au même framework de servir des blogs, des sites de commerce électronique et des tableaux de bord utilisateur. Comme la sortie est statique, les sites peuvent être hébergés sur un CDN sans serveur, et le README note que de nombreux sites peuvent être hébergés gratuitement sur Netlify et des services similaires. **Fonctionnalités de performance** Le README indique que Gatsby automatise le fractionnement du code (code splitting), l'optimisation des images, l'intégration des styles critiques, le chargement différé (lazy-loading) et le préchargement (prefetching) des ressources, de sorte que l'optimisation des performances est largement intégrée plutôt que manuelle. **Mise en route** Deux voies rapides sont documentées. En ligne : un bouton "Deploy to Netlify" crée un site fonctionnel ainsi qu'un dépôt lié qui se reconstruit automatiquement lors d'un push. Localement : exécutez `npm init gatsby` pour créer la structure d'un projet, puis `cd my-gatsby-site/` et `npm run develop` pour démarrer un serveur de développement à l'adresse `http://localhost:8000` avec des mises à jour en direct lors de la modification de fichiers tels que `src/pages/index.js`. Des pages distinctes de démarrage rapide, de tutoriel, de plugins, de starters et de vitrines sont liées en haut du README. **Documentation et communauté** Le README renvoie vers un tutoriel approfondi qui ne suppose aucune compétence préalable, ainsi que des sections de documentation pour les guides pratiques, le matériel de référence et les guides conceptuels. Les notes de version et la documentation de support par version sont liées, et des guides de migration couvrent le passage de la v2 à la v3, de la v3 à la v4 et de la v4 à la v5. Un code de conduite et un guide de contribution sont fournis, et le dépôt est organisé comme un monorepo géré par Lerna contenant plusieurs packages publiés séparément sur npm. Les tickets (issues), les discussions et les pull requests font partie du flux de travail communautaire décrit.