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
- Vor Änderungen einen Branch erstellen.
- Abhängigkeiten prüfen und Updates bewusst durchführen.
- Mit
npm run buildtesten. - Im Browser auf Desktop und Smartphone prüfen.
- Änderungen committen und veröffentlichen.
- 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.
