Akveo.com : de Webflow à un site propulsé par l'IA

Nous étions passés à Webflow pour retirer le développeur de la chaîne : marketing → design → développeur → site. Cela a fonctionné un temps, puis le site l'a dépassé.

• Chaque modification exigeait encore un designer qui maîtrise Webflow.
• La plateforme a atteint ses limites et le site s'est rempli de solutions de contournement.
• Chaque modification prenait beaucoup de temps.
• Les pages étaient devenues lourdes : la page d'accueil chargeait 30 fichiers JavaScript, 340 Ko, dont deux versions différentes de jQuery.
• Le même contenu était enregistré de nombreuses fois : un témoignage client se trouvait dans 99 fichiers, le formulaire de contact dans 258.
• Les fichiers en double prenaient de la place et ralentissaient chaque modification.
• Le contenu était mélangé au code : ajouter une langue revenait à copier tout le site.

1. Capturer le site en ligne

Nous avons tout exporté : le HTML des plus de 460 pages, toutes les collections CMS avec chaque champ, les scripts personnalisés, les styles, les polices et les images. Le design créé par notre designer Webflow est resté exactement le même : aucune refonte sur modèle.

2. Cartographier le contenu et les modèles

Nous avons associé chaque collection et chaque page à un type de contenu et à un modèle de page, avec des règles strictes pour chaque champ. Les URL sont restées les mêmes.

3. Séparer le contenu du design

Tous les textes se trouvent dans des fichiers Markdown et YAML, séparés du design. Chaque contenu est stocké une seule fois et réutilisé partout. Une nouvelle langue, c'est simplement du texte traduit à côté de l'original : le site existe désormais en anglais, allemand, français, espagnol et néerlandais.

4. Reconstruire avec Astro

Astro génère chaque page à l'avance et n'envoie aux visiteurs que le code dont la page a besoin. Pas de React ni de framework dans le navigateur. Les scores Google PageSpeed ont progressé dans toutes les catégories.

5. Des contrôles automatiques à chaque modification

Avant le lancement, nous avons comparé chaque page au site en ligne : textes, liens, images, balises SEO et captures d'écran correspondaient. Depuis, chaque modification passe par une pull request. GitHub Actions vérifie la mise en forme, le code, les règles de contenu, les liens et les images, génère chaque page, puis ouvre le site dans un vrai navigateur pour tester les pages, les formulaires, l'accessibilité et le budget de performance. Si un contrôle échoue, la modification ne peut pas être mise en ligne. Railway déploie le site une fois les contrôles réussis, et un audit hebdomadaire détecte les liens externes cassés.