The challenge
Wishfy sells search visibility, technical builds, and multilingual content strategy. Our own site had to prove all three — simultaneously. No shortcuts, no "the cobbler's children" excuses. If we couldn't ship a perfect Lighthouse score across four languages on a $9/month hosting bill, we had no business telling clients we could do it for them.
The brief was simple: build a marketing site that scores 100/100/100/100 on Lighthouse (Performance, Accessibility, Best Practices, SEO), serves four languages from a single domain, loads in under one second on 3G, and costs almost nothing to host.
The approach
We chose Astro 5 as the framework — static-first, zero JavaScript by default, content collections with type-safe schemas. Styling runs on Tailwind CSS v4 with a custom design-token layer that maps every colour, spacing value, and typographic scale to CSS custom properties. One token file drives the entire visual system.
The content architecture uses Astro's content collections with locale-prefixed directories: `services/en/seo.mdx`, `work/nl/building-wishfy-ai.mdx`. Each entry carries a `translationKey` that links the same piece across languages, enabling hreflang generation without a separate mapping file.
Key decisions
Zero-JS default. No React, no Vue, no hydration islands. Every page ships as pure HTML and CSS. Interactive components (the mobile nav toggle, the contact form) use minimal inline scripts — under 2 KB total across the entire site.
Keystatic CMS. Content editors get a local-first Git-backed CMS with zero hosting overhead. No database, no auth service, no monthly bill. Content lives in MDX files versioned alongside code.
llms.txt from day one. Every language gets its own `/[lang]/llms.txt` endpoint that describes Wishfy's services, methodology, and entity relationships in plain text. This is not an afterthought — it's a first-class route generated at build time.
Token-driven design. A single TypeScript token file defines the brand: colours, radii, shadows, spacing, typography. Change one value and the entire site updates. No hunting through CSS files.
The outcome
The site launched with perfect Lighthouse scores across all four languages on both mobile and desktop. Total build output: static HTML, CSS custom properties, zero client-side JavaScript bundles. Hosting runs on Cloudflare Pages at $9/month with global CDN, automatic HTTPS, and sub-50ms TTFB worldwide.
Six weeks from first commit to production. Four languages. One domain. Zero compromises.