Static Signal
Blog

All Posts

Explore articles on Astro, Next.js, React, TypeScript, Tailwind CSS, and modern web architecture.

Showing 1–12 of 45Posts
A towering brass letterpress in a fog-filled dark foundry, one row of heavy bold metal type cast in the same near-black as the ink well behind it so the glyphs all but vanish into shadow, a single raking beam of neon purple and teal light sweeping low across the type bed to expose the hidden letters, copper gauges and pressure dials glinting in the haze, reflective wet stone floor with faint circuit-pattern grouting glowing teal and amber, cinematic shallow depth of field, moody editorial composition, no text, no people
Tailwind CSS Static Architecture Developer Experience (DX)

Tailwind Typography Has a Dark-Mode Blind Spot

Bold text in our articles was rendering at roughly 1:1 contrast — invisible — and no one noticed by eye. A Lighthouse accessibility gate caught it. Here's the exact cascade that hid it, and the one rule that fixed it.

A self-contained steampunk brass inspection machine in a dimly-lit workshop, scrolls of data feeding through an internal mechanism of gears and calibrated gauges that stamps each scroll with an emerald verification seal, all mechanisms internal with no external wires or cables leading outside the machine, amber furnace glow from within, reflective wet stone floor with faintly glowing circuit-pattern grouting in teal and amber, atmospheric purple fog filling the background, cinematic shallow depth of field, moody editorial composition, no text, no people
Signal vs Noise Developer Experience (DX) Web Performance Static Architecture

You Don't Need a Form Library

HTML5 has had client-side validation for over a decade. :user-invalid, setCustomValidity(), and the novalidate pattern cover 95% of what React Hook Form does — and the last CSS gap closed in late 2023.

A vast underground server vault with rows of glowing brass machines and copper pipe networks routing data through self-contained infrastructure, neon blue and teal streams flowing internally rather than dispersing into a sky of clouds, dark steampunk industrial control room
Signal vs Noise DevOps Developer Experience (DX)

The Self-Hosted SaaS Replacements That Actually Work

Five SaaS tools you can replace with a $6/month VPS and open-source software — analytics, email, monitoring, git hosting, and automation.

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 Architecture Astro DevOps

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 towering brass and copper steampunk lighthouse on a dark rocky promontory at night, its rotating beam a focused shaft of teal neon sweeping across a procession of small mechanical clockwork ships approaching through purple fog, a heavy gear-driven gate-arm lowered across the narrow channel to block one ship while a glowing green signal lamp waves another through, the lighthouse self-contained and powered by its own visible furnace of amber gears with no cables or wires running off to the distant dim shore, reflective wet stone and black water below catching the neon reflections, cinematic shallow depth of field, moody editorial composition, no text, no people
DevOps Web Performance Automation Signal vs Noise

Lighthouse CI Without a SaaS

Performance-monitoring SaaS sells you a wrapper around a tool you already have. GitHub Actions and Lighthouse CI fail the build on regressions for free.

A vast dark steampunk type foundry at night, a single self-contained brass workshop in the foreground glowing with its own amber furnace and rows of movable-type cases being assembled into a clockwork printing press, severed copper data pipelines hanging loose where they used to stretch out toward a distant cathedral-sized brass font factory receding into atmospheric purple fog, the distant factory now dim and unplugged, the local workshop's furnace humming and casting warm reflections across a reflective wet stone floor with circuit-pattern grouting glowing faintly teal and amber, cinematic shallow depth of field, moody editorial composition, no text, no people
Signal vs Noise Web Performance Developer Experience (DX)

Stop Loading Google Fonts

Google Fonts is a tracker that happens to also serve fonts. Self-hosting is faster, more private, and a one-afternoon migration in 2026.

A vast dark steampunk surveillance chamber at night, towering brass observation racks holding hundreds of glass camera-eye lenses receding into atmospheric purple fog, most of the lenses now dim and dark with only a few still flickering faint teal; in the foreground a single solid copper workbench under a fading amber lamp where a heavy brass lever has been pulled all the way down to the OFF position, severed copper data cables hanging loose and unplugged from a tarnished switchboard, a small pile of inert glass eyes set aside beside the lever, reflective wet stone floor with circuit-pattern grouting glowing only faintly amber, cinematic shallow depth of field, moody editorial composition, no text, no people
Signal vs Noise Web Performance Developer Experience (DX)

Why I Deleted Google Analytics

Google Analytics is slow, GDPR-hostile, undercounted by ad blockers, and answering questions you mostly aren't asking. Here's why I removed it from every site I run, and what I use instead.

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
Astro Signal vs Noise Developer 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
Astro Next.js Web Architecture Signal 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.

A vast dark steampunk harbor at night, with two cargo vessels docked side by side under amber sodium lamps and a low neon teal fog; the larger ship on the left is a hulking armored freighter packed with hundreds of identical sealed cargo containers stacked into a towering wall, its loading cranes idle and dim; the smaller ship on the right is a lean copper-plated cutter with only a handful of glowing crates strapped to its deck, brass rigging gleaming, a single small steam engine ticking over with a magenta flame, ready to sail, reflective wet stone dock between them with subtle circuit-pattern grouting glowing faintly blue, cinematic shallow depth of field, moody editorial composition, no text, no people
Static Architecture Next.js Web Architecture Signal vs Noise

When Astro Beats Next.js for Content Sites

Next.js is the default. It's also overkill for most content sites. Astro's island model ships less JS, builds faster, and lets you keep React where you actually need it.

A vast dark steampunk warehouse filled with rows of towering brass shelving units, each shelf holding hundreds of glowing glass jars connected by tangled copper wiring; in the foreground a single workbench under a hanging amber lamp where a brass-handled magnifying lens hovers over an open ledger, with several jars set aside in a small crate marked for removal, the rest of the warehouse fading into atmospheric fog and neon teal accent lighting along the floor tracks, cinematic shallow depth of field, moody editorial composition, no text, no people
Node.js Developer Experience (DX) Web Performance Signal vs Noise

The Dependency-Count Audit: Every Package Is a Bet, Not a Free Tool

Most JS projects have never had their dependency list audited line by line. Doing it once — with a real method instead of vibes — usually halves the count and exposes which packages were doing nothing in the first place.

A vast steampunk distribution hall with two enormous brass reservoirs side by side, both filled from above with glowing teal liquid. The left reservoir's outflow runs through wide open valves and discharges freely into the city below in luminous streams. The right reservoir's outflow passes through an elaborate clockwork toll booth bristling with brass meters, ticking counters, and coin slots that clink with every drop. Dark industrial atmosphere, atmospheric fog, copper pipes and rivets throughout, neon teal and amber accent lighting, cinematic shallow depth of field, no text, no people
Cloud Platforms Static Architecture Web Architecture Signal vs Noise

Cloudflare R2 vs S3 for Static Assets: The Egress Bill Is the Whole Argument

S3 is the default because it's been the default. For static assets served at scale, R2's zero-egress pricing rewrites the math — and the cases where S3 still wins are smaller than people think.