Récapitulatif

Effectué

Vous vous êtes lancé un défi pour résoudre les problèmes courants liés à l’espace de développement web, notamment le SEO, la vitesse de chargement des pages et l’assurance d’une architecture fiable pour créer votre application.

Vous avez évalué l’outil en ligne de commande Gatsby pour résoudre les problèmes cités ci-dessus. L’approche de Gatsby consiste à produire un ensemble de pages statiques qui se chargent rapidement et sont facilement indexées par un moteur de recherche.

Gatsby repose sur React.js, GraphQL et son graphe de données en mémoire. À partir des données JSON du graphe en mémoire, vous pouvez produire des pages avec des composants React.js contenant des données et du contenu de nombreuses sources.

Vous avez également vu comment les plug-ins étendent les capacités de Gatsby pour traiter différents types de contenu. Les plug-ins peuvent provisionner du contenu et des données quelle que soit la source pendant le processus de génération, et les placer dans le graphe intégré que vous avez appris à interroger. Maintenant que vous savez utiliser les plug-ins, vous pouvez créer votre application à partir de différents types de contenu, comme Markdown, JSON et même des points de terminaison de service, entre autres nombreuses sources de contenu.

Par ailleurs, vous savez maintenant comment Gatsby génère une build, un ensemble de fichiers déployables constitués simplement de HTML, CSS et JavaScript. La génération de votre application l’a préparée à être déployée presque n’importe où.

Enfin, vous avez déployé votre application. Vous avez découvert Azure Static Web Apps, un service pouvant héberger votre application Gatsby dans Azure. Vous avez utilisé Static Web Apps pour déployer votre application en quelques minutes.

Ressources supplémentaires

Voici quelques ressources pour vous aider à en savoir plus sur Gatsby, et sur les outils et technologies utilisés dans le module.