gatsby
v5.14.0
L’avenir du développement Web est ici.
Gatsby est un framework gratuit et open source basé sur React qui aide les développeurs à créer des sites Web et des applications ultra-rapides.
Il combine le contrôle et l'évolutivité des sites rendus dynamiquement avec la vitesse de génération de sites statiques, créant ainsi un tout nouveau réseau de possibilités.
Gatsby aide les développeurs professionnels à créer efficacement des sites Web maintenables, hautement performants et riches en contenu.
Chargez des données depuis n'importe où. Gatsby extrait des données de n'importe quelle source de données, qu'il s'agisse de fichiers Markdown, d'un CMS sans tête comme Contentful ou WordPress, ou d'une API REST ou GraphQL. Utilisez des plugins sources pour charger vos données, puis développez à l'aide de l'interface uniforme GraphQL de Gatsby.
Allez au-delà des sites Web statiques. Bénéficiez de tous les avantages des sites Web statiques sans aucune des limitations. Les sites Gatsby sont des applications React entièrement fonctionnelles, vous pouvez donc créer des applications Web dynamiques de haute qualité, des blogs aux sites de commerce électronique en passant par les tableaux de bord utilisateur.
Choisissez vos options de rendu. Vous pouvez choisir des options de rendu alternatives, à savoir la génération statique différée (DSG) et le rendu côté serveur (SSR), en plus de la génération de site statique (SSG), par page. Ce type de contrôle granulaire vous permet d'optimiser les performances et la productivité sans sacrifier l'une pour l'autre.
La performance est intégrée. Réussissez vos audits de performance par défaut. Gatsby automatise le fractionnement du code, l'optimisation des images, l'intégration des styles critiques, le chargement paresseux, la prélecture des ressources, etc. pour garantir la rapidité de votre site – aucun réglage manuel n'est requis.
Utilisez une pile moderne pour chaque site. Quelle que soit la provenance des données, les sites Gatsby sont créés à l'aide de React et GraphQL. Créez un flux de travail uniforme pour vous et votre équipe, que les données proviennent ou non du même backend.
Hébergez à Scale for Pennies. Les sites Gatsby ne nécessitent pas de serveurs, vous pouvez donc héberger l'intégralité de votre site sur un CDN pour une fraction du coût d'un site rendu par un serveur. De nombreux sites Gatsby peuvent être hébergés entièrement gratuitement sur Netlify et d'autres services similaires.
Utilisez la couche de données centralisée de Gatsby partout. Avec le Valhalla Content Hub de Gatsby, vous pouvez intégrer la couche de données de Gatsby à n'importe quel projet. Le rendre accessible via une API GraphQL unifiée pour créer des sites de contenu, des plates-formes de commerce électronique et des applications natives et Web.
Apprenez à utiliser Gatsby pour votre prochain projet.
Cliquez sur le lien ci-dessous pour essayer rapidement le flux de travail de développement, de création et de déploiement de sites Web avec Gatsby et Netlify.
À la fin de ce processus, vous aurez
un site fonctionnant sur Netlify
un nouveau référentiel lié à ce nouveau site
Au fur et à mesure que vous apportez des modifications à votre nouveau référentiel, Netlify reconstruira et redéployera automatiquement votre site !
Vous pouvez créer un nouveau site Gatsby opérationnel sur votre environnement de développement local en 5 minutes en suivant ces quatre étapes :
Initialisez un nouveau projet.
npm initialiser gatsby
Donnez-lui le nom « Mon site Gatsby ».
Démarrez le site en mode develop .
Ensuite, accédez au répertoire de votre nouveau site et démarrez-le :
cd mon-site-gatsby/ npm exécuter développer
Ouvrez le code source et commencez à éditer !
Votre site fonctionne désormais sur http://localhost:8000 . Ouvrez le répertoire my-gatsby-site dans l'éditeur de code de votre choix et modifiez src/pages/index.js . Enregistrez vos modifications et le navigateur se mettra à jour en temps réel !
À ce stade, vous disposez d’un site Web Gatsby entièrement fonctionnel. Pour plus d'informations sur la façon dont vous pouvez personnaliser votre site Gatsby, consultez nos plugins et le tutoriel officiel.
La documentation complète de Gatsby est disponible sur le site Web.
Pour la plupart des développeurs, nous recommandons de commencer par notre didacticiel approfondi pour créer un site avec Gatsby. Cela commence sans aucune hypothèse sur votre niveau de capacité et passe en revue chaque étape du processus.
Pour plonger directement dans les exemples de code, consultez notre documentation. En particulier, consultez les sections « Guides pratiques », « Référence » et « Guides conceptuels » dans la barre latérale.
Nous apprécions les suggestions pour améliorer nos documents. Consultez la documentation « Comment contribuer » pour plus de détails.
Commencez à apprendre Gatsby : suivez le didacticiel · Lisez la documentation
Vous vous demandez ce que nous avons expédié récemment ? Consultez nos notes de version pour connaître les points forts, les améliorations de performances, les nouvelles fonctionnalités et les corrections de bugs notables.
Lisez également notre documentation sur la prise en charge des versions pour comprendre nos plans pour chaque version de Gatsby.
Vous avez déjà un site Gatsby ? Ces guides pratiques vous aideront à ajouter les améliorations de Gatsby v5 à votre site sans repartir de zéro !
Migrer de la v4 vers la v5
Migrer de la v3 vers la v4
Migrer de la v2 vers la v3
Gatsby se consacre à bâtir une communauté accueillante, diversifiée et sûre. Nous attendons de tous ceux qui participent à la communauté Gatsby qu'ils respectent notre code de conduite . Veuillez le lire. Veuillez le suivre. Dans la communauté Gatsby, nous travaillons dur pour nous développer mutuellement et créer ensemble des choses incroyables. ??
Que vous nous aidiez à corriger des bugs, à améliorer la documentation ou à faire passer le message, nous serions ravis de vous compter parmi la communauté Gatsby !
Consultez notre Guide de contribution pour obtenir des idées sur les étapes de contribution et de configuration permettant de rendre nos référentiels opérationnels sur votre machine locale.
Ce référentiel est un monorepo géré via Lerna. Cela signifie que plusieurs packages sont gérés dans cette base de code, même si nous les publions sur NPM en tant que packages distincts.
Sous licence MIT.
Merci à tous nos nombreux contributeurs qui créent des plugins, des démarreurs, des vidéos et des articles de blog. Et une gratitude particulière pour les membres de notre communauté qui aident à résoudre les problèmes et les relations publiques, ou qui répondent aux questions sur Discord et les discussions GitHub.
Une grande partie de ce qui rend Gatsby formidable, c'est chacun d'entre vous dans la communauté. Vos contributions enrichissent l'expérience Gatsby et l'améliorent chaque jour.
