Blog

All Posts

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

Showing 1–12 of 38Posts

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) 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.

A vast dark steampunk vault split into two contrasting halves — on the left, a massive crumbling brass furnace shaped like a server rack devouring stacks of gold coins as fuel and belching black smoke into the air; on the right, a sleek geodesic network of glowing teal and purple conduits radiating quietly from a single small obsidian obelisk out to dozens of distant miniature city skylines on the horizon, atmospheric fog, neon teal and amber accents, cinematic lighting, no text, no people

Wordpress Static Architecture Cloud Platforms Signal vs Noise

The Business Case for Dumping WordPress: Static Sites and CDNs as a Line-Item Decision

Most arguments against WordPress are technical. The stronger case is financial — hosting costs, security incidents, page-speed revenue impact, and maintenance hours add up to a budget line that a static site on a CDN simply doesn't have.

A vast steampunk type foundry with two opposing chambers — on the left, blocks of code being cast in glowing molten brass at a single calm forge with neon teal flames, finished pages stacked in orderly piles; on the right, a chaotic backroom of frantic clockwork typesetters scrambling to assemble identical pages by hand under harsh amber gaslight, brass gears and copper pipes throughout, atmospheric fog, dark industrial lighting, no text, no people

Developer Experience (DX) Static Architecture Web Architecture

Code Highlighting at Build Time: Shiki vs Prism and the Death of Runtime Tokenizers

Shipping a tokenizer to the browser to color code blocks made sense in 2014. It doesn't now. Build-time highlighting is faster, cheaper, and produces better-looking output — and the tradeoffs are smaller than you think.

A vast steampunk foundry with two adjacent forges — a simple stone hearth on the left producing a bright steady flame and clean glowing manuscript pages, and a towering baroque apparatus on the right with dozens of brass gears, copper pipes, and glowing neon conduits, producing identical pages with ten times the machinery, dark industrial atmosphere, atmospheric fog, neon teal and amber accents, no text, no people

Developer Experience (DX) Static Architecture Signal vs Noise Web Architecture

MDX vs Plain Markdown for Dev Blogs: When the Complexity Earns Its Keep

MDX ships JSX inside Markdown and promises interactive content without leaving your post file. That's real power — when you need it. Most dev blogs don't. Here's the honest threshold.

A vast brass observatory hall plunged in darkness, with a single mechanical lens flipping a glowing teal day-sigil to a deep purple night-sigil mid-rotation, copper pipework channeling the change instantly across rows of identical static windows, no flicker between them, dark steampunk theme engine

Static Architecture Developer Experience (DX) Signal vs Noise

Dark Mode Without the Flash

The white-flash-on-load that ruins half the dark-mode implementations on the web is preventable in about twelve lines of code. CSS variables, a render-blocking script, and one localStorage read — that's the whole trick.

A vast brass clockwork harvester with pneumatic tubes pulling streams of glowing data from distant API turbines into a central foundry, where mechanical arms press the data into stacks of crystalline static pages stamped with neon copper sigils, dark steampunk data refinery

Static Architecture Web Architecture Next.js Signal vs Noise

Build-Time Data Fetching Is the New SSR

If your data changes hourly and your traffic doesn't, server-side rendering is solving the wrong problem. Fetch at build time, ship static HTML, and let the CDN do the work.

A vast brass card-catalog cabinet in a dark steampunk archive, thousands of index drawers glowing with neon copper filaments, mechanical query arms converging on a single illuminated card while violet energy traces ripple along the cabinet seams

Static Architecture Signal vs Noise Developer Experience (DX) Next.js

Static-Site Search With Pagefind: You Don't Need Algolia

Algolia, Elastic, and Lunr earned their place when static sites couldn't search themselves. Pagefind changed that. Here's how to ship real search without a backend or a subscription.

A steampunk static crystal engine with small glowing satellites orbiting it representing edge functions

Web Architecture Next.js Static Architecture Cloud Platforms

When Static Isn't Enough: Adding Edge Functions Without Losing the Benefits

Static-first doesn't mean static-only. Here's how to add server-side logic at the edge without giving up the performance and simplicity you chose static for.