Astro für Anfänger · Teil 32TutorialEinsteiger

Astro

Astro-Kurs 32: Wartung und Weiterentwicklung

Lerne wartung und weiterentwicklung mit praktischen Beispielen im Astro-Projekt Meine Modellbau-Werkstatt.

Veröffentlicht am

Modul 6 – Veröffentlichen und pflegen · Astro-Anfängerkurs der Know-How-Schmiede

Voraussetzung: Etappe 1 und 2 des Kurses. Das Beispielprojekt „Meine Modellbau-Werkstatt“ wird fortgeführt. Kopiere Code nicht blind über schon vorhandene Seiten, sondern ergänze bestehende Bereiche.

Lernziele

Du erstellst einen einfachen Wartungsplan, behebst Fehler systematisch und sicherst Quellcode sowie Website-Inhalte.

1. Ein sinnvoller Ablauf

  1. Vor Änderungen einen Branch erstellen.
  2. Abhängigkeiten prüfen und Updates bewusst durchführen.
  3. Mit npm run build testen.
  4. Im Browser auf Desktop und Smartphone prüfen.
  5. Änderungen committen und veröffentlichen.
  6. Produktionsseite nach dem Deployment erneut kontrollieren.

2. Nützliche Befehle

npm outdated
npm audit
npm run build
git status

npm outdated zeigt veraltete Pakete; npm audit meldet bekannte Sicherheitsprobleme in Abhängigkeiten. Nicht jede Warnung verlangt dieselbe Reaktion. Aktualisiere nicht blind mit erzwungenen Major-Upgrades, sondern beachte die Release Notes und teste anschließend gründlich.

3. Backups

Git sichert Quellcodeversionen, ist jedoch kein vollständiger Ersatz für ein Backup. Sichere zusätzlich Bilder, Uploads, Deployment-Konfiguration (ohne öffentliche Secrets) sowie gegebenenfalls Hosting-Einstellungen. Zugangsdaten gehören in einen Passwortmanager oder Secret-Speicher. Teste, ob sich ein Backup wiederherstellen lässt.

4. Fehler suchen

Problem Erster Schritt
Build schlägt fehl Fehlermeldung und letzten Commit vergleichen
Bilder fehlen Namen und Pfade prüfen, Groß-/Kleinschreibung beachten
Menü reagiert nicht Browser-Konsole öffnen
Seite wirkt auf Mobilgeräten falsch Responsive-Modus und CSS kontrollieren
Online veralteter Stand Workflow-Log, Upload-Pfad, Cache prüfen

5. Kursabschluss

Unsere Modellbau-Werkstatt besitzt nun Unterseiten, Blog, wiederverwendbare Komponenten, interaktive Funktionen und einen Veröffentlichungsprozess. Als nächste freiwillige Themen bieten sich TypeScript, weitergehende APIs, React und serverseitige Funktionen an.

Abschlussübung

Schreibe einen persönlichen Veröffentlichungsplan mit mindestens fünf Prüfpunkten und ergänze eine neue Projektkarte samt Bild.

Lösungshinweis

Beispiel: Branch, neue Inhalte, Bild/Alt-Text, Build, Mobilansicht, Commit, Deployment, Live-Kontrolle und Backup.

---