Zusammenfassung

  • 1 Minute

Zu Beginn haben Sie sich mit gängigen Problemen bei der Webentwicklung hinsichtlich der SEO, der Geschwindigkeit von Seitenladevorgängen und der Gewährleistung einer sicheren App-Architektur beschäftigt.

Sie haben das Befehlszeilentool „Gatsby“ bezüglich der Eignung bewertet, die zuvor genannten Probleme zu lösen. Der Ansatz von Gatsby besteht darin, statische Seiten zu generieren, die schnell geladen und von Suchmaschinen leicht effektiv indiziert werden können.

Gatsby basiert auf React.js, GraphQL und dem integrierten In-Memory-Datengraphen. Mithilfe von JSON-Daten aus dem In-Memory-Graphen können Sie Seiten erstellen, die React.js-Komponenten mit Daten und Inhalt aus verschiedenen Quellen verwenden.

Sie haben außerdem erfahren, wie Plug-Ins die Fähigkeit von Gatsby erweitern, verschiedene Inhaltstypen zu verarbeiten. Plug-Ins können Inhalte und Daten aus fast allen Quellen während des Buildvorgangs ausführen und diese in den integrierten Graphen einfügen. In diesem Modul haben Sie ebenfalls gelernt, wie Sie den Graphen abfragen. Ein sicherer Umgang mit Plug-Ins ist sehr nützlich für die Zukunft, da diese Ihnen die Möglichkeit bieten, Ihre App mit verschiedenen Inhaltskomponenten wie Markdown, JSON, Dienstendpunkten sowie weiteren Inhaltsquellen auszubauen.

Zudem wissen Sie nun, wie Gatsby einen Build erstellt. Dabei handelt es sich um bereitstellbare Dateien, die ausschließlich HTML, CSS und JavaScript enthalten. Sie haben die Bereitstellung auch vorbereitet, damit Ihre App fast überall bereitgestellt werden kann.

Schließlich haben Sie Ihre App bereitgestellt. Sie haben sich mit Azure Static Web Apps beschäftigt, einem Dienst, der Ihre Gatsby-App in Azure hosten kann. Dabei haben Sie Ihre App innerhalb weniger Minuten mit Static Web Apps bereitgestellt.

Weitere Ressourcen

In diesem Abschnitt finden Sie einige Ressourcen mit weiterführenden Informationen zu Gatsby sowie den Tools und Technologien, die in diesem Modul behandelt wurden.