Painless PhotoSwipe Lightboxes for Astro MDX Blog Posts
How to integrate PhotoSwipe with Astro's MDX content and image optimization pipelines for a performant, painless image gallery experience in Astro blog posts.
astrophotoswipemdx +1
Tags → #astro
astro & away we go!
Astro is a relatively new frontend framework that's particularly well-suited to building a developer blog.
astrosveltekitmarkdown
Slashing URLs with Astro and Nginx
Default Astro and Nginx behaviors redirect to URLs with trailing slashes, which is great for SEO and user experience.
astronginx
Add diagrams to your Astro site with D2
A guide to adding flowcharts and diagrams to your Astro site using D2, a text-to-diagram tool. Tips on docker build and clutter control.
astrod2diagrams
Astro + Nginx: Caching Headers for Static Assets
How to set caching headers for static assets in an Astro + Nginx Docker container.
astronginxdocker +2
Choosing an Astro Template: Style versus Substance
Choosing between AstroPaper and Astro Cactus, two popular Astro blog templates, ultimately boils down to a question of style versus substance.
astroopen sourcenotes
Deploying Astro with Docker Compose and Traefik
How I serve my Astro blog from a Docker container on my own server, and how I deploy it using a bare-bones bash script with SSH agent forwarding.
astrodocker composetraefik +2
Minify, Compress, and Containerize Your Astro Site
Minify, compress, and containerize your Astro site with @playform/compress, astro-compressor, and nginx-brotli.
astroperformancedocker +3
Fontsource, Fontaine, Tailwind and Vite
Using Fontsource together with Fontaine to self-host fonts with fallbacks in Astro or SvelteKit, integrating with Tailwind, compared to font preloading.
typographyastrosveltekit +2