Astro

Build-time HTML, island-based interactivity, and the static-first framework that fits content sites better than React-app stacks.

4 posts in this category.

A brass gatehouse in a fog-filled foundry where glowing molten content pours through a precision-cut stencil plate, shapes that match passing cleanly into the press beyond while mismatched ones strike the plate and burst into cooling sparks, dark steampunk hall lit by neon teal and amber with copper circuitry threading the gate

AstroTypeScriptDeveloper Experience (DX)Static Architecture

Invalid Content Should Fail the Build

Frontmatter is an untyped API surface. Put a schema in front of it and a green build starts to mean something: this content is publishable.

A fortified brass and copper steampunk gatehouse straddling a narrow channel of dark water at night, a heavy portcullis of interlocking gears lowered to seal the passage, a single focused stream of teal neon energy passing through a small keyed aperture whose glowing engraved sigil exactly matches the stream's pattern, while a swarm of mismatched purple and red energy tendrils are turned away and dissipate against the sealed gate, the structure self-contained and powered by its own visible amber furnace of gears with no cables running off to the dim distant shore, reflective wet stone and black water catching the neon, volumetric fog, cinematic shallow depth of field, moody editorial composition, no text, no people, no logos

Static ArchitectureAstroDevOps

A Strict CSP Is Easy When Your Site Is Static

A strict Content-Security-Policy is the best XSS defense most sites never ship. On a static site it's one response header and a hash — no WAF, no SaaS.

A vast dark steampunk archive wall at night, towering with hundreds of identical brass drawers receding into atmospheric purple fog; in the foreground, a single solid copper workbench bathed in a warm amber pool of lamplight with seven or eight glowing brass instruments and glass vials carefully laid out in a precise row, each one humming with neon teal, magenta, or amber light, while a few unopened drawers in the wall behind also glow faintly through their seams; reflective wet stone floor with circuit-pattern grouting glowing faintly blue, cinematic shallow depth of field, moody editorial composition, no text, no people

AstroSignal vs NoiseDeveloper Experience (DX)

Awesome Astro: The Opinionated Tour

The awesome-astro list is the default entry point into the Astro ecosystem. It is also half noise. Here is what to actually install — and what to skip — sorted by what survives a year of production use.

A vast dark steampunk shipyard at dusk under amber sodium lamps and rolling neon teal fog, the massive hulking armored cargo freighter from before now half-dismantled in the background with its rusted iron hull plates being lifted away by clockwork cranes, while in the foreground the lean copper-plated cutter from before sits proudly at the dock with brass rigging gleaming and a single magenta steam engine humming, having taken over the route entirely; a brass ledger book rests open on a wet stone pier showing tally marks crossed out and replaced with smaller numbers, glowing teal data ribbons flow from the cutter's mast into the harbor's signal network, reflective wet stone dock with subtle circuit-pattern grouting glowing faintly blue, cinematic shallow depth of field, moody editorial composition, no text, no people

AstroNext.jsWeb ArchitectureSignal vs Noise

We Migrated Static Signal from Next.js to Astro. Here's What Actually Changed.

Last week we published the case for picking Astro over Next.js on content sites. Then we migrated this blog. One PR, half a working day, and a Lighthouse Performance score of 100 from a real production deploy — here are the honest numbers and what surprised us.