Full-Stack Development / SEO
Home Power Ready
A directory of standby generators, battery backup and installers, with sizing and cost calculators as the only JavaScript on the site.
Visit the site
The problem
What was wrong
Buying a whole-house generator means comparing models, sizing the load, finding an installer and guessing at cost. The pages that rank for these searches are slow, ad-heavy and thin on specs.
What we built
What we built
- Static pages for generator models, brands, comparisons and guides, generated at build time from a Postgres catalog.
- Installer directory pages built from imported installer data.
- A sizing calculator and a cost calculator, the only client-side JavaScript, built as small Preact islands.
- Battery backup and solar generator sections that reuse the same catalog and templates.
- Amazon media and affiliate data imported by script, so product pages carry real images and links.
Stack
What it runs on
- Astro 7
- Neon Postgres
- Preact
- TypeScript
- Vercel
- Amazon Creators API
Results
The numbers
134
Pages in sitemap
What we'd tell another builder
One lesson
Keep JavaScript for the parts that compute. Everything else was HTML at build time, which left two small calculators doing the only work in the browser.
From the blog
Further reading
AI Integration
We Ran Our AI-Readiness Scanner on Our Own Sites. Here's What It Found.
We pointed our free AI-readiness scanner at the seven sites we run. One was blocking AI crawlers without us knowing, and none had an llms.txt.
Read the postWant something like this?
Tell us what you're working on and we'll figure out the right approach together.
More work
Other case studies
Full-Stack Development / Data
HomeWaterPure
A data-first guide to water softeners and filters, where every product links to the source of its specs and the sizing calculator shows its arithmetic.
Read the case studyWeb Application / SEO
Invoice for Trades
A free invoice generator for tradespeople with no signup and no watermark. The PDF is built in the browser, so nothing is sent to a server.
Read the case studyE-commerce / SEO
RecycleOldTech
A nationwide directory of certified electronics recycling centers, with an automated content and SEO pipeline behind every city and state page.
Read the case study