Gatsby - Grundlagen - Inhouse von HECKER CONSULTING

Gatsby und statische Website-Generatoren sind die Zukunft des Webs. Entdecken Sie, wie Sie dieses flexible JavaScript-Framework nutzen, um leistungsorientierte Websites zu erstellen.

Die Ersteinrichtung von Gatsby

• Modernisieren Sie das Web mit Gatsby
• Gatsby - Ein Generator für statische Websites
• Erste Einrichtung
• Installation von Gatsby-Starter
• Starten und Stoppen einer lokalen Gatsby-Site

Struktur einer Gatsby-Site

• Von Grund auf neu beginnen
• Erkunden Sie das Projekt
• Grundlegende Gatsby-Prinzipien
• Ändern des Site-Titels undInhalte

Seiten, Komponenten und Stile in Gatsby

• Statische Seiten
• Statische Assets
• Komponenten und ihre Verwendung
• Die Layout-Komponente
• CSS in Gatsby
• CSS-Bausteine und modernes CSS
• Erstellen einer Navigationskomponente

Plugins und Transformationen in Gatsby

• Erweitern Sie Gatsby mit Plugins
• Plugin-Optionen
• Transformations-Plugins
• Bilder zu einer Seite hinzufügen

Gatsby und Daten

• Gatsby und GraphQL
• Arten von GraphQL-Abfragen
• Ein dynamisches Navigationsmenü erstellen

Dynamische Seiten in Gatsby

• Daten in Seiten transformieren
• Daten durch Transformatoren verfügbar machen
• Transformierte Daten verarbeiten
• Seiten aus Markdown-Dateien generieren
• Paginierte Indexseiten erstellen
• Paginierte Tag-Indizes hinzufügen

Inbetriebnahme einer Gatsby-Website

• Erstellen der Produktionsseite
• Hinzufügen von PWA- und Offline-Funktionen

Da wir uns mehr und mehr auf Online-Dienste verlassen, werden Leistung, Zugänglichkeit und fortschrittliche Funktionalität zu zentralen Anliegen von Webdesignern und -entwicklern. Die Herausforderung besteht darin, die richtigen Werkzeuge für diese Aufgabe zu finden. Die Werkzeuge, die es ermöglichen, fortschrittliche, moderne Websites mit fortschrittlichen, modernen Werkzeugen auf schnellstem Wege zu erstellen. Gatsby ist ein modernes Framework für den Aufbau leistungsfähiger statischer Websites mit React und GraphQL. Gatsby dient als wichtige Zwischenschicht zwischen der Erstellung einer reinen React-Anwendung und der Erstellung einer guten, altmodischen Website. Es nimmt das Beste aus CMS-Templates, Objektorientierung und Webstandards, fügt eine solide Prise moderner Werkzeuge und Automatisierung hinzu und ermöglicht es Ihnen, blitzschnelle, zugängliche und fortschrittliche statische Websites zu erstellen, die wartbar, erweiterbar und zukunftsorientiert sind.