cd /news/ai-tools/angular-analogjs-spartan-and-claude-… · home › topics › ai-tools › article
[ARTICLE · art-143171] src=dev.to ↗ pub= topic=ai-tools verified=true sentiment=↑ positive

Angular, AnalogJS, Spartan and Claude Code: shipping a 6-language comparison site fast

A developer built Runometry, a running shoe database and price comparison site covering 841 shoes, 16 brands and 6 locales, using Angular with AnalogJS, Spartan UI components and Tailwind, hosted statically on Cloudflare. The site's catalog, brand, category and A-vs-B comparison pages were largely generated with Claude Code running parallel agents on independent areas such as comparator logic, templates, translations and data validation, with the developer reviewing diffs and validating facts. Next steps include daily price collection as a time series for price history, drop alerts and a price-drop radar.

by read1 min views3 publishedOct 1, 2026

I built Runometry, a running shoe database and price comparator (841 shoes, 16 brands, 6 locales), mostly with Claude Code and parallel agents. Notes on the stack and the workflow.

Angular + AnalogJS: static rendering and file-based routing, a good fit for catalog pages generated from data. Signals and standalone components make modern Angular a joy.

Spartan (spartan.ng): shadcn-style, accessible UI components for Angular. Consistent design system, fully customizable.

Tailwind for styling.

Cloudflare for static hosting, with images served as WebP from a CDN.

hreflang and localized routes from day one.

Page types generated from the catalog Shoe, brand and category pages, A vs B comparator pages restricted to comparable pairs (to avoid thin or nonsensical pages), guides and blog.

Clear conventions up front (structure, naming, component patterns), so agents produce code that fits the project.

Parallel agents on independent areas: comparator logic, templates, translations, data validation.

Me reviewing diffs, running the build, and checking anything factual.

Small, frequent commits so every agent change is easy to review or revert.

What I'd do the same way Keep the stack I know best. Agents shine when you can judge their output quickly.

What's next Daily price collection as a time series: price history, a price drop radar, alerts. I'm weighing feeds vs APIs vs scraping and would love input.

Live: runometry.com

── more in #ai-tools 4 stories · sorted by recency
── more on @runometry 3 stories trending now
sponsored brought to you by zahid.host 4,200+ EU-deployed projects
reading about agents? ship yours in a single git push.

Run your AI side-project on zahid.host

EU-based hosting, git-push deploys, automatic HTTPS, no cold starts. Free tier with a custom domain — perfect for shipping the agent you just read about.

$git push zahid main
→ Live at https://your-agent.zahid.host ✓
Get free account → Pricing
from €0/mo · no card required
LIVE [news/angular-analogjs-spa…] indexed:0 read:1min 2026-10-01 · —