Wissenscheck: Lektion 1 – Einrichtung
Jetzt, da du weißt, was du bauen wirst, ist es an der Zeit, alle benötigten Tools einzurichten!
In dieser Lektion lernst du, wie du deine Entwicklungsumgebung einrichtest und deine Seite auf Netlify veröffentlichst. Überspringe diese Lektion und fahre mit Lektion 2 fort, wenn du dich mit deiner Umgebung und deinem Workflow bereits wohlfühlst.
Möchtest du dieses Tutorial lieber in einem Online-Code-Editor absolvieren? Befolge die folgenden Anweisungen, um mit StackBlitz zu starten.
Mit StackBlitz: Befolge diese Schritte und gehe dann direkt zu Lektion 2!
StackBlitz einrichten
-
Folge dem externen Link, um die „Empty Project“-Vorlage auf StackBlitz zu öffnen.
-
Klicke oben rechts auf „Sign in“, um dich mit deinen GitHub-Zugangsdaten anzumelden.
-
Klicke oben links im StackBlitz-Editor auf „fork“, um die Vorlage in deinem eigenen Konto zu speichern.
-
Warte, bis das Projekt geladen ist. Du solltest eine Live-Vorschau des „Empty Project“-Starters sehen.
Änderung vornehmen
Im Datei-Bereich solltest du src/pages/index.astro sehen. Klicke darauf und folge „Schreibe deine erste Zeile Astro“, um diese Datei zu ändern.
GitHub-Repository erstellen
-
Klicke oben in der Dateiliste auf Connect Repository, gib einen neuen Namen für dein Repository ein und klicke auf Create repo & push.
-
Wenn du Änderungen hast, die du zurück an GitHub übertragen möchtest, erscheint oben links ein „Commit“-Button. Klicke darauf, gib eine Commit-Nachricht ein und aktualisiere dein Repository.
Website deployen
Wenn du zu Netlify deployen möchtest, um eine live veröffentlichte Version deiner Website zu haben, fahre in Lektion 1 mit „Deine Website ins Web deployen“ fort.
Andernfalls überspringe diese Lektion und beginne mit Lektion 2, um mit Astro zu bauen!
Wohin geht die Reise?
Abschnitt betitelt „Wohin geht die Reise?“In dieser Lektion wirst du ein neues Projekt erstellen, das online in GitHub gespeichert und mit Netlify verbunden ist.
Während du Code schreibst, wirst du regelmäßig deine Änderungen nach GitHub committen. Netlify verwendet die Dateien aus deinem GitHub-Repository, um deine Website zu erstellen und sie anschließend im Internet unter einer eindeutigen Adresse zu veröffentlichen, die jeder aufrufen kann.
Jedes Mal, wenn du eine Änderung committest und auf GitHub hochlädtst, sendet GitHub eine Benachrichtigung an Netlify. Dann wird Netlify automatisch deine Live-Website neu erzeugen und erneut veröffentlichen, um diese Änderungen zu übernehmen.