Lokal lief alles. Live nicht – Lessons Learned aus einem Livegang

Warum mein Code lokal funktionierte – aber live nicht.

Manchmal fühlt sich Programmieren an wie Zauberei. Und manchmal wie das Gegenteil davon.
Ich hatte so einen Moment, als ich mein Astro-Projekt aktualisiert habe. Lokal – im Dev-Mode – lief alles perfekt.
Ein kleiner Toggle, der Monatsstatistiken auf- und zuklappt.Sauber, logisch, nichts Besonderes.

Nach dem Build, nach dem Deploy zu Firebase. Zwei Monate ließen sich plötzlich nicht mehr öffnen.
Keine Fehlermeldung. Kein roter Screen. Einfach: nichts.
Natürlich dachte ich zuerst an einen Tippfehler. IDs verglichen. Klassen geprüft. Alles korrekt. Der Fehler lag woanders.

Was ich dabei gelernt habe:
Astro ist schnell und clever. Aber genau das kann tückisch sein. Im Dev-Mode wird vieles dynamisch geladen.
Beim Build dagegen entsteht statisches HTML. Mein JavaScript lief zu früh – bevor alle Elemente wirklich im DOM waren.
Das Ergebnis:

• Lokal: funktioniert
• Live: Event Listener greifen ins Leere

Kein Logikfehler. Sondern Timing.

Die Lösung war unspektakulär – aber wichtig. Ich habe mein Script erst nach dem Laden des DOMs ausgeführt.
Und plötzlich: alles wieder klickbar.

Mein Fazit:
Solche Bugs sind leise. Sie fühlen sich unfair an, weil sie nichts „kaputt“ aussehen lassen.
Aber genau hier passiert Lernen:

• Ich verstehe mein Tool besser
• Ich denke mehr in Render-Phasen
• Ich baue robuster

Und beim nächsten „funktioniert lokal, aber nicht live“-Moment weiß ich:
Erst fragen wann mein Code läuft – nicht ob er richtig ist.

Ganz leise flüstert der Code: Timing matters. ✨