Le défi
Wishfy vend de la visibilité en recherche, du développement technique et de la stratégie de contenu multilingue. Notre propre site devait prouver les trois — simultanément. Pas de raccourcis, pas d'excuses du type « les cordonniers sont les plus mal chaussés ». Si nous n'étions pas capables de livrer un score Lighthouse parfait dans quatre langues avec un hébergement à 9 $/mois, nous n'avions aucune légitimité à le proposer à nos clients.
Le brief était simple : construire un site marketing qui obtient 100/100/100/100 sur Lighthouse (Performance, Accessibilité, Bonnes pratiques, SEO), sert quatre langues depuis un seul domaine, se charge en moins d'une seconde en 3G et ne coûte presque rien à héberger.
L'approche
Nous avons choisi Astro 5 comme framework — statique par défaut, zéro JavaScript, collections de contenu avec des schémas typés. Le stylisme repose sur Tailwind CSS v4 avec une couche de design tokens personnalisée qui associe chaque couleur, valeur d'espacement et échelle typographique à des propriétés CSS personnalisées. Un seul fichier de tokens pilote l'ensemble du système visuel.
L'architecture de contenu utilise les collections de contenu d'Astro avec des répertoires préfixés par la locale : `services/en/seo.mdx`, `work/nl/building-wishfy-ai.mdx`. Chaque entrée porte un `translationKey` qui relie le même contenu entre les langues, permettant la génération des hreflang sans fichier de correspondance séparé.
Décisions clés
Zéro JS par défaut. Pas de React, pas de Vue, pas d'îlots d'hydratation. Chaque page est livrée en HTML et CSS purs. Les composants interactifs (le menu mobile, le formulaire de contact) utilisent des scripts en ligne minimaux — moins de 2 Ko au total pour l'ensemble du site.
CMS Keystatic. Les éditeurs de contenu disposent d'un CMS local-first, adossé à Git, sans surcoût d'hébergement. Pas de base de données, pas de service d'authentification, pas de facture mensuelle. Le contenu réside dans des fichiers MDX versionnés avec le code.
llms.txt dès le premier jour. Chaque langue dispose de son propre endpoint `/[lang]/llms.txt` qui décrit les services, la méthodologie et les relations d'entité de Wishfy en texte brut. Ce n'est pas un ajout tardif — c'est une route de premier ordre générée au moment du build.
Design piloté par les tokens. Un seul fichier TypeScript de tokens définit la marque : couleurs, rayons, ombres, espacements, typographie. Modifiez une valeur et l'ensemble du site se met à jour. Plus besoin de fouiller dans les fichiers CSS.
Le résultat
Le site a été lancé avec des scores Lighthouse parfaits dans les quatre langues, aussi bien sur mobile que sur desktop. Production totale du build : HTML statique, propriétés CSS personnalisées, zéro bundle JavaScript côté client. L'hébergement fonctionne sur Cloudflare Pages à 9 $/mois avec CDN mondial, HTTPS automatique et un TTFB inférieur à 50 ms partout dans le monde.
Six semaines du premier commit à la production. Quatre langues. Un domaine. Zéro compromis.