Kategorien
Projekte Webentwicklung

Astro, Netlify und falsche Annahmen

Gestern habe ich endlich herausgefunden, warum Netlify in meinem Preview-Build keine Bilder in bestimmten Seiten anzeigt. In meinem Fall war das eine Gallery, die einen Ordner übergeben bekommt.

Danach habe ich alle Bilder, die in Astro gefunden werden über diesen Filter gejagt. Lokal und im statischen Build war alles wunderbar.

Erster Gedanke war, dass bei Netlify die Bilder-Ausgabe einen Timeout hat, da ich am Anfang noch recht große Bilder verwendet habe. Allerdings hat der Resize der Bilder nichts bewirkt. Das war’s dann nicht.

Dann war die nächste Vermutung es läge an der fehlenden Netlify Integration, aber die ist für den static Build völlig unerheblich, wichtig ist die hauptsächlich für den Betrieb einer SSR Anwendung. Das Image-CDN und die Bearbeitung der Bilder ist davon (im static Build) nicht betroffen.

Am Ende habe ich in meiner Verzweiflung angefangen, in der Anwendung an verschiedenen Stellen zu debuggen, unter anderem an dem Mechanismus, mit dem ich die Bilder zusammensuche. Tatsächlich war das nur als Übergang gedacht, da ich damit ja den Bildern auch keine alt-Texte und Co. übergeben konnte, aber die Galeriemodule funktional schon mal testen konnte.

Spannenderweise hat die obige Debug-Ausgabe lokal das erwartete Ergebnis gezeigt.

Im Netlify-Build-Log war allerdings trotz gefundenen Images das filteredImages-Log leer, bzw. ein leeres Array:

Und wie man sieht: Netlify findet Bilder scheinbar nur – in schon bearbeiteter Form – in dem _astro-Ordner, wenn die Components gebaut werden. Blöd, aber genau der Grund, warum der Filter nicht funktioniert und damit keine Bilder zurückgegeben werden. Leider unterscheided sich das von der Lokalen Bauweise, wo die Bilder noch in den korrekten Ordnern liegen.

Verlinkt man die Bilder normal, z.B. aus der Content-Collection, dann geht natürlich alles korrekt und auch der Preview Build bei Netlify funktioniert korrekt. Jetzt sogar schon mit Alt-Texten, zumindest bei den Contents, in denen ich das ganze schon gepflegt habe. Wird der nächste Schritt mit SEO-und Accessibility-Screening halt schon etwas schneller möglich.

Kategorien
Wochenbericht

Wochenbericht 2023.03

Ein verspätetes “Frohes Neues”. Das Jahr fing aus privaten Gründen schon mal spannend an, mal schauen wie die Schlagzahl hier dieses Jahr funktioniert.

  1. Freebie: Atlas Icons mit > 2300 Icons unter MIT Lizenz
  2. How to animate an element’s height with CSS grid – Sehr geiler Trick der auch mit Tailwind gut funktioniert – arbitrary values sei Dank.
  3. Bitwarden schluckt Open-Source-Start-up Passwordless.dev
  4. Endpunkte-Doku bei Astro
  5. Ureinwohner bitten Apache Foundation um Namenswechsel
Kategorien
Allgemein

Ein Experiment: EurKEY

Manchmal möchte man Dinge ändern, in der Hoffnung, etwas zu verbessern. Nachdem der Kollege neben mir sich eine neue Tastatur gekauft hat, war ich einigermaßen fasziniert, was die Welt der mechanischen Tastaturen so offenbart.

Allerdings ist da meiner Ansicht nach ähnlich viel Glaube und Vorliebe darin, wie bei den Stereonerds der 80er und 90er. Ab einem gewissen Punkt und Preis wirds halt esotherisch.

Allerdings habe ich dann von einer sehr interessanten Möglichkeit erfahren, mein Game ein bisschen aufzupeppen: EurKEY. Das ist doch mal ein guter Grund, ein neues Keyboard zu kaufen.

Parallel zur Recherche nach einem Keyboard für meine Bedürfnisse habe ich das Layout auch schon mit meiner ISO-Tastatur getestet. Da ich momentan wenig programmiert habe, ist das noch ein bisschen in der Schwebe und fertig dran gewöhnen muss man sich ja auch noch.

Dieser Artikel entsteht bereits auf meinem neuen Keyboard und das meiste geht tatsächlich sehr reibungslos von statten. Mal schauen wie das weitergeht.

Spannende Punkte bei mir sind:

  1. Ich nutze das Keyboard an Mac und Linux. Hier kommt zur Umstellung auf EurKEY auch dazu, dass ich die Tastenkombis im Prinzip doppelt lernen muss (bzw. das Unterscheiden der Modifier-Taste, wenn ich zwischen den Systemen wechsle)
  2. Umgang mit der Tatsache, wenn ich im Büro ein anderes Keyboad als zuhause nutze.
  3. Werde ich es schaffen, nicht in ein neues Sammelhobby abzurutschen?
  4. Wird sich das Entwicklen durch die bessere Erreichbarkeit der entsprechenden Steuersymbole wirklich beschleunigen?
  5. Ein “finales” Keyboard wird auf jeden Fall eines mit QMK/VIA Support, da ich das ganze ja unter Mac und Linux nutze und damit nicht auf Win/Mac-Software alleine bauen kann (I’m looking at you, Steelseries & Co.!)

Wenn euch das interessiert werde ich versuchen in einem und 3 Monaten ein Zwischen- und ein Fazit zu schreiben. Und dann ggf. nach einem etwas dauerhafterem Keyboard zu suchen. Ich hab da schon Ideen, die über das RK84 hier hinausgehen. Mal schauen.

Aktuell tue ich mich besonders bei y/z schwer und den Umlauten die unter Mac auf dem Winkey (als AltGr) liegen, unter Linux mit aber mit dem (richtigen) Alt bzw. AltGr-Key geschrieben werden. Aber es wird von Tag zu Tag einfacher…

Kategorien
Wochenbericht

Wochenbericht 2022.48

  1. Wie man Portainer für die Docker-Verwaltung mit dem Nginx Proxy Manager installiert und nutzt
  2. Github releases two new open source fonts – Mona Sans and Hubot Sans
  3. Fancy frames with CSS
  4. Deno Is “Blazing Fast” For Humans
  5. Speeding up the JavaScript ecosystem – one library at a time
Kategorien
Allgemein

Tirade Teil 2: Fernseher

“Smart TV” ist auch nur eine schnieke Abkürzung für “Wenn Du deinen Fernseher ans Internet hängst, zeigt er Dir auch in den Menüs mehr Werbung als 1Live und RTL nachts um 2 zusammen”