astro
Beiträge mit astro
-
Astro-Client-Islands unter strikter CSP — die Hydrations-Inlines per sha256-Hash erlauben
Warum react-Islands mit `client:load` unter `script-src 'self'` still scheitern, wie ich die zwei deterministischen Astro-Hydrations-Inlines pro Hash freigegeben habe — und wie man die Hashes nach Astro-Updates nachzieht.
-
Astro Justified Gallery Layout — moderner Ersatz für Flickrs Klassiker
Mein neues npm-Paket @altner/astro-justified-gallery-layout: eine schlanke Justified-Gallery für Astro mit EXIF/IPTC/GPS, LQIP-Previews, virtualisierter Variante für riesige Sammlungen und einer eingebauten Lightbox.
-
Callout-Komponente für Astro — Hinweisboxen mit Socials und Bandmitgliedern
Eine wiederverwendbare Astro-Hinweisbox: Info / Note / Warning, optionaler Titel, Social-Links und eine Mitglieder-Sektion mit Name, Rolle und mehreren Plattformen pro Person.
-
Google Maps DSGVO-konform einbetten — Consent-Box mit App-Links
Eine leichtgewichtige Google-Maps-Embed-Komponente für Astro: kein Request vor Zustimmung, localStorage-Consent, automatische Apple Maps- und Google Maps-App-Links aus GPS-Koordinaten.
-
YouTube-Videos DSGVO-konform einbetten — dreistufige Consent-Box ohne Cookie
Eine leichtgewichtige YouTube-Embed-Komponente für Astro mit echter Einwilligung (einmalig / merken / extern), ohne Cookie und ohne Drittanbieter-Request vor dem Klick.
-
Leaflet + Stadia Maps hinter strikter CSP: zwei Stolpersteine
Eine Foto-Weltkarte mit Leaflet und Stadia-Maps-Tiles auf einer Astro-Seite hinter Caddy einbauen — und warum es trotz korrekter CSP erstmal nicht ging.
-
Security-Header für eine Astro-Seite hinter Caddy
Wie ich meine Seite mit einer strikten Content Security Policy, sauberen Response-Headern und einer DSGVO-konformen Konfiguration gehärtet habe — und den Astro-Inline-Script-Stolperstein dabei gelöst.
-
Webmention-Avatare zur Build-Zeit lokal cachen
Ein kleiner Astro-Helper, der Autor-Fotos von Webmentions beim Build runterlädt, dedupliziert und lokal ausliefert — für eine strikte CSP, mehr Privatsphäre und bessere Verfügbarkeit.