Le contexte
L'Institut Montaigne, think tank de référence en France, souhaitait créer une plateforme interactive permettant de consulter et comparer les propositions des candidats aux élections municipales de 2026 dans 12 grandes villes. Le projet devait s'intégrer au site institutionnel existant (Drupal) tout en offrant une expérience utilisateur dédiée, rapide et accessible sur tous les appareils.
Le défi
- Intégrer un site Next.js dans un écosystème Drupal existant (header, footer, navigation, fonts, CSS partagés)
- Permettre aux équipes éditoriales de gérer le contenu via un back-office intuitif, avec publication automatique sans intervention technique
- Garantir des temps de chargement optimaux malgré un volume important de pages
- Assurer une mise à jour en temps réel du frontend à chaque modification de contenu dans l'admin
Les résultats
✅ Score Lighthouse desktop de 95/100 — temps de chargement inférieur à 1,3 seconde (LCP)
✅ Pages statiques générées automatiquement, servies sans serveur applicatif
✅ Rebuild sélectif automatique — seules les pages impactées sont regénérées lors d'une modification, en moins de 30 secondes
✅ Zéro downtime lors des mises à jour grâce au swap atomique des fichiers statiques
✅ Infrastructure robuste capable d'absorber les pics de trafic
✅ Sécurité maximale — le frontend est 100% statique (HTML/CSS/JS), sans serveur applicatif exposé, sans base de données accessible côté public, réduisant la surface d'attaque à zéro
Réalisations techniques
| Défi technique | Solution développée |
| Intégration header/footer Drupal dans Next.js | API de fragments HTML avec injection côté serveur, réplication fidèle du comportement JS du menu (mega-menu, docking, lateral, touch iOS) |
| Performances ooptimales | Export statique Next.js avec build optimisé |
| Mise à jour automatique du frontend | Listener Symfony détectant le scope de modification (ville, thème, proposition), rebuild sélectif |
| Sécurité du site public | Architecture découplée : l'admin Symfony (base de données, authentification) est isolée du frontend. Le site public ne sert que des fichiers statiques — aucune injection SQL, aucune faille serveur, aucun point d'entrée exploitable |
