Astro Image Optimization 2026: AVIF, Layout, Priority
The current Astro image pipeline for 2026: AVIF-first Picture, the stable responsive layout prop, the priority shortcut for LCP, and Astro 6.1 codec config most tutorials still miss.
🚀 Astro & Static Content Sites
Build a static content site in Astro that scales to 1,000+ articles and ranks.
Astro is currently the strongest framework for a content site — static builds, native MDX, SEO-friendly, cheap to host. This hub walks from Content Collections to sitemap to category and tag pages, end-to-end.
In-depth articles in this hub
Astro Incremental Content Update Without a Full Rebuild
Ship one article edit on a 3,000-page Astro site without rebuilding everything: Content Layer caching, on-demand routes, hash-gated CI, and per-file CDN purge. Tested patterns for June 2026.
When Astro Is the Right Choice (And When It Isn't)
An Astro 6 decision guide (June 2026): the project shapes where Astro wins, where Next.js or Hugo win instead, and a 1-day spike to confirm before you commit.
Building Category and Tag Pages in Astro 6
Build category and tag index pages in Astro 6 that scale, rank, and dodge the thin-page trap — using the Content Layer (glob + file loaders) as the data layer.
Astro Content Collections: A 30-Minute Getting-Started (Astro 6)
A focused, current walkthrough of Astro Content Collections on Astro 6: the glob() loader, content.config.ts, Zod schemas, render(entry), and the workflow that keeps a 1,000-article site maintainable.
Deploy an Astro Site to Firebase Hosting (2026)
Deploy a static Astro site to Firebase Hosting the right way: the firebase.json config, cache headers, clean URLs, and the SPA-rewrite trap that breaks your 404s.
Astro SEO Basics: Title, Meta, Canonical, Hreflang
The minimum-viable SEO setup for an Astro site: the exact head tags every page needs, the pixel limits that matter, and patterns that hold at 500+ articles.
Astro Sitemap Setup: hreflang, Exclusions, lastmod
Generate, validate, and submit sitemap.xml in Astro with @astrojs/sitemap — hreflang pairs, filter exclusions, lastmod, and what Google actually does with it (June 2026).
Astro vs Next.js for a Content Site (June 2026)
Astro 6 vs Next.js 16 for content sites: real version facts, hosting costs, a decision checklist, and the migration tax nobody warns you about.
Building a Markdown / MDX Content Site That Scales
Structure a Markdown / MDX content site to scale from 50 to 1000+ articles on Astro 6. Content Layer schema, component map, link checker, and the brace gotcha.