Deine eigene Webseite mit Gatsby: der Einstiegskurs

In der heutigen Zeit bilden Webseiten einen wichtigen Bestandteil unseres Alltags.

Möchtest du also deine eigene moderne Webseite mit JavaScript erstellen, hast dich jedoch immer gefragt, wie man solche ein Webseite baut? Dann ist dieser Kurs der Richtige für dich!

In diesem Kurs nutzten wir den auf React basierenden statischen Webseitengenerator Gatsby. Dieser bietet eine schnelle und ausgezeichnete Entwicklererfahrung, die durch das Kombinieren der besten Teile von React, Webpack, React-Router, GraphQL und weiteren Frontend-Tools ermöglicht wird.

Gatsby optimiert die Website so, dass nur die wichtigsten Bestandteile am Anfang geladen werden, genau dann, wenn der Besucher sie braucht. Kein komplexer Server wird benötigt, der die Seite jedes Mal erst generieren muss. Einmal geladen, holt Gatsby optional weitere Ressourcen, sodass sich das Navigieren auf der Seite reaktionsschnell gestaltet.

Dadurch, dass alles statisch generiert wurde, lädt die Webseite so schnell wie nur möglich.

In diesem Kurs wirst du anhand eines Projektes lernen, wie du eine echte Website erstellst!

Wir erstellen eine Landing-Page mit einer Blog-Sektion.

Wir schauen uns die Einrichtung und Entwicklung mit Gatsby an, erstellen React-Komponenten in Gatsby und fragen Daten von Gatsby ab, um unsere statischen Seiten automatisch zu generieren.

Dabei schauen wir uns in diesem Kurs Technologien wie React und GraphQL (durch Gatsby) an.

Verwendet werden im Kurs JavaScript auf Microsoft Windows 10 und Ubuntu 20.04 LTS.