September 29, 2025

Comment est construit le site de PixiCode ?

blog cover

⚙️ 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 :

  1. Un webhook est déclenché
  2. Il appelle notre service de build
  3. 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

ET SI NOUS TRAVAILLONS ENSEMBLE ?