Contexte

Animal Art gère 2 salons d’art avec un catalogue commun d’artistes et d’œuvres, initialement hébergé sur WordPress. L’objectif était de :

• Centraliser la gestion des contenus (artistes, expositions, événements) via Strapi (approche PIM).

• Améliorer les performances (Next.js vs PHP) et réduire les coûts d’hébergement.

• Automatiser les déploiements pour synchroniser les 2 sites.

• Préserver le SEO avec une taxonomie commune et des URLs optimisées.

Challenges Techniques

1. Migration des données :

   • Export des contenus WordPress (JSON) et mapping vers Strapi.

   • Gestion des images haute résolution (œuvres d’art) avec optimisation automatique (Sharp).

2. Architecture multi-sites :

   • Un seul backend Strapi pour alimenter 2 fronts Next.js (Paris, Bruxelles).

   • Taxonomie SEO partagée et contenus localisés (ex: événements par ville).

3. DevOps et hébergement :

   • Déploiement sur Gandi (VPS + stockage objet) avec CI/CD automatisé.

   • Synchronisation des catalogues entre salons via webhooks Strapi.

4. Performance et énergie :

   • Objectif : réduire la consommation énergétique (Next.js vs WordPress/PHP).

   • Score Lighthouse > 80 (mobile/desktop) malgré les images lourdes.

Solutions Apportées

• Migration incrémentale :

  • Scripts Node.js pour nettoyer et importer les données WordPress → Strapi

  • Utilisation de Strapi comme PIM : catalogues centralisés avec champs dynamiques (artistes, œuvres, expositions).

• Frontend Next.js optimisé :

  • Pages statiques (SSG) pour les contenus peu fréquents (biographies d’artistes).

  • Pages dynamiques (SSR) pour les expositions en cours (données Strapi).

  • Lazy loading des images et variants responsifs (Sharp + OVH CDN).

• Automatisation DevOps :

  • Pipeline n8n pour synchroniser les contenus entre Strapi et les 4 sites Next.js.

  • Sauvegardes automatiques (OVH + SFTP) et monitoring des performances.

• SEO et expérience utilisateur :

  • URLs canoniques et balises hreflang pour les versions locales (Paris/Bruxelles).

  • Transitions fluides entre les pages (Framer Motion) pour une navigation immersive.

Résultats

✅ Catalogue unifié : Gestion centralisée des artistes et œuvres pour les 4 salons. ✅ Performances :

• Temps de chargement divisé par 3 (vs WordPress).

• Réduction des coûts :Hébergement Gandi optimisé (-40% vs solution WordPress précédente)

• Automatisation des mises à jour (gain de temps pour l’équipe). ✅ Flexibilité :

• Ajout d’un nouveau salon en < 1 jour (réutilisation du template Next.js).

• Intégration facile de nouveaux médias (vidéos, 3D)

  .