September 29, 2025
Comment est construit le site de PixiCode ?

⚙️ Comment est construit le site de PixiCode ?
Créer un site web, ce n’est pas juste afficher du contenu.
C’est faire des choix techniques et éthiques qui ont un impact direct sur :
- les performances
- l’expérience utilisateur
- et l’environnement 🌱
Chez PixiCode, on a fait des choix forts pour construire un site rapide, léger et éco-conçu, tout en gardant la flexibilité d’un CMS moderne.
🔍 Notre code est open source !
📂 Consulte le repo ici : github.com/pixicode-dev/website
🌍 Pourquoi penser à l’impact environnemental d’un site ?
Chaque visite sur un site web consomme de l’énergie :
- pour charger les données depuis un serveur
- pour générer dynamiquement des pages
- pour transférer et afficher le contenu
Un site trop lourd ou mal conçu :
❌ Sollicite inutilement des serveurs
❌ Alourdit les navigateurs
❌ Allonge les temps de chargement (et donc les émissions)
⚠️ Selon certaines études, 1 page vue peut générer jusqu’à 1,76g de CO₂.
🌐 Et à l’échelle mondiale, le web représentait environ 4 % des émissions de CO₂ en 2023 — soit plus que l’aviation civile.
🚀 Notre approche : un site hybride statique + dynamique
Pour allier performance, sobriété et souplesse, nous avons opté pour une architecture dite “statique dynamique”, qui combine :
- Génération statique ultra rapide via Hugo
- CMS headless pour gérer le contenu (Strapi)
- Webhooks pour reconstruire automatiquement le site à chaque mise à jour
🧱 Les briques techniques utilisées
✍️ Strapi — le cerveau
Un CMS headless, auto-hébergé, pour gérer tout notre contenu (pages, articles, projets, etc.).
→ Les équipes peuvent modifier le contenu sans toucher au code.
⚒️ Webhooks — le messager
À chaque changement dans Strapi :
- Un webhook est déclenché
- Il appelle notre service de build
- Hugo reconstruit tout le site avec les nouvelles données
➡️ Pas de contenu obsolète, sans sacrifier la performance.
⚡ Hugo — la rapidité extrême
Hugo est un générateur de site statique ultra-rapide.
Il prend les données de Strapi et génère des pages HTML pures.
✅ Aucun serveur dynamique requis
✅ Pages légères, instantanées
✅ Parfait pour le SEO et la sobriété numérique
🌱 Pourquoi c’est bon pour la planète (et pour tes users)
Cette architecture nous permet de :
- Réduire la charge serveur
- Éviter les bases de données en production
- Minimiser la bande passante
- Servir un site ultra rapide et optimisé même sur mobile
💚 Moins de calculs = moins d’électricité = plus de durabilité
✨ En résumé
Élement | Choix PixiCode |
---|---|
CMS | Strapi (headless) |
Mises à jour | Webhooks automatisés |
Générateur | Hugo (statique, ultra-performant) |
Hébergement | CDN statique (type Netlify, Vercel, etc.) |
Objectif | Performance, sobriété, accessibilité |
Code source | Voir le repo GitHub |
💬 Un projet de site éco-conçu ?
Tu veux un site rapide, responsable et facile à maintenir ?
Chez PixiCode, on t’accompagne de A à Z avec une stack moderne, propre et performante.
📩 Écris-nous sur contact@pixicode.dev