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 2022.46

  1. Automatisierte Scans: Microsoft sperrt Kunden unangekündigt für immer aus
  2. Announcing Nuxt 3.0
  3. Ryan Dahl talks about Deno and JavaScript in general
  4. Mozilla to begin signing Mv3 extensions for Firefox
  5. Interactive CSS Flex Tutorial / Flexible Box
Kategorien
Projekte

Gamingbooster V2

Vielleicht hat es der eine oder andere mal mitbekommen, ich bin ja Freund koffeinhaltiger Getränke und gerade wenn es warm ist, ist Kaffee (warm) nicht immer das geilste und Kaffee (Eiskaffee und Co.) nicht immer schnell genug herzustellen. Dazu hat man dann mit Milch oder Eis auch schnell noch par ungeplante Kalorien dabei.

Energydrinks sind auch nicht das wahre, kosten schweineviel Geld und die ganzen Dosen, die sich dann da stapeln… Dann bin ich irgendwann über “Gamingbooster” gestolpert, die einen Weg aus der Situation hinaus anbieten: Super als Kaltgetränk, verschiedene Geschmacksrichtungen, meist deutlich günstiger als Energydrinks. Und mehr Koffein, da Gamingbooster in Pulverform als Nahrungsergänzungsmittel gelten.

Interessiert habe ich mich dann mal auf die Reise in das Internet begeben und versucht herauszufinden, welche Marken und Arten es außer den bekannten Größen noch so gibt.

Ursprünglich als kleine Web-App mit Google Spreadsheet-API angefangen, hat sich das Konzept weiterentwickelt und so steht neuerdings ein echtes CMS hinter der Seite, in dem auch deutlich mehr Daten strukturiert erfasst werden. Das zahlt sich dann in zukünftigen Versionen aus.

Nun also ist es erstmal soweit und die Version 2.0 der Gamingbooster Datenbank ist jetzt endlich online.

Kategorien
Wochenbericht

Wochenbericht 2022.12

  1. Postgres.js – Fastest Full-Featured PostgreSQL Client for Node and Deno
  2. What Web Frameworks Solve And How To Do Without Them
  3. Actually completing personal projects (and gaining value from them)
  4. Five coding interview questions I hate
  5. My key takeaways from The Pragmatic Programmer
Kategorien
Wochenbericht

Wochenbericht 2022.03

Puh, gleich die zweite Folge verpennt. Viel los derzeit. Dieses Corona nimmt gerade ordentlich Fahrt auf und die Einschläge kommen unangenehm nah.

  1. Falso v2 is out – A modern, tree-shakable replacement for Faker.js
  2. What Happens To Developers Who Never Go Into Management?
  3. IndexedDB in Safari 15 leaks your browsing activity in real time
  4. Open source developers, who work for free, are discovering they have power – TechCrunch
  5. Youtube-DL’s website host is being sued

Was zum Lachen: Idea