Qu'est-ce que la génération de sites statiques (SSG) expliquée simplement
Au début du web, toutes les pages étaient statiques. Des fichiers HTML écrits à la main, servis tels quels. Rapide, simple, indestructible.
Puis on a inventé les bases de données, le PHP, les CMS. Le web est devenu "dynamique". Plus puissant, mais aussi plus lent, plus complexe, plus fragile.
Aujourd'hui, avec des outils comme Next.js, on revient au statique. Mais en mieux. Beaucoup mieux.
SSG, c'est quoi ?
SSG = Static Site Generation
C'est simple : au lieu de générer la page HTML quand le visiteur la demande, on la génère une seule fois, au moment du déploiement.
Résultat : le visiteur reçoit un fichier HTML pré-fabriqué, prêt à l'emploi.
L'analogie du restaurant
Site dynamique (WordPress, PHP)
Vous commandez un plat. Le chef doit aller chercher les ingrédients, les préparer, les cuire, les dresser. Vous attendez 20 minutes.
Site statique (SSG)
Le plat est déjà préparé, emballé, prêt dans le frigo. Le serveur vous le sert en 10 secondes.
Le goût est identique. Le temps d'attente, non.
Comment ça marche concrètement ?
Étape 1 : Le développement
Le développeur écrit du code React + Next.js. Le contenu peut venir d'un CMS Headless, de fichiers markdown, ou d'APIs.
Étape 2 : Le build
Quand on déploie, Next.js :
- Récupère tout le contenu
- Génère un fichier HTML pour chaque page
- Optimise les images, les polices, le CSS
- Crée un bundle JavaScript minimal
Étape 3 : Le déploiement
Les fichiers HTML statiques sont uploadés sur un CDN (Content Delivery Network). Ils sont répliqués sur des dizaines de serveurs dans le monde.
Étape 4 : La visite
Quand un utilisateur visite votre site :
- Sa requête arrive au CDN le plus proche
- Le CDN sert le fichier HTML immédiatement
- Pas de calcul, pas de base de données, pas d'attente
Les avantages du SSG
1. Vitesse extrême
Un fichier HTML statique se charge en quelques millisecondes. C'est la forme la plus rapide de contenu web.
2. Sécurité maximale
Pas de base de données à pirater. Pas de panneau d'admin. Pas de code serveur à exploiter. C'est juste des fichiers.
3. Coût nul en hébergement
Un CDN peut servir des fichiers statiques pour quasi rien. Vercel le fait gratuitement jusqu'à un certain volume.
4. Fiabilité totale
Pas de serveur qui plante. Pas de base de données qui corrompt. Pas de plugin qui casse. Votre site est en ligne, point final.
5. SEO parfait
Google reçoit du HTML complet dès le premier crawl. Pas besoin d'exécuter du JavaScript. Pas de risque de contenu invisible.
Les limites du SSG (et comment les contourner)
"D'accord, mais mon contenu change tous les jours. Je ne peux pas rebuild tout le site à chaque article."
La solution : ISR (Incremental Static Regeneration)
Next.js a inventé l'ISR. Ça veut dire :
- Les pages sont générées statiquement au build
- Mais elles peuvent être régénérées en arrière-plan quand le contenu change
- Le visiteur voit toujours la version statique (rapide)
- La mise à jour se fait discrètement, sans downtime
Exemple : vous publiez un article. La page /blog/mon-article est régénérée automatiquement. Le visiteur suivant voit la nouvelle version. Le précédent n'a pas attendu.
Les pages vraiment dynamiques
Pour les pages qui changent à chaque visite (panier, dashboard, résultats de recherche), on utilise le SSR (Server-Side Rendering) ou le client-side fetching.
Next.js permet de mélanger les stratégies : SSG pour le blog, SSR pour le compte client, CSR pour le chat.
SSG vs les autres méthodes
| Critère | SSG | SSR | CSR pur |
|---|---|---|---|
| Vitesse | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ | ⭐⭐ |
| SEO | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ | ⭐⭐ |
| Fraîcheur contenu | Au build | Temps réel | Temps réel |
| Charge serveur | Nulle | Modérée | Nulle |
| Complexité | Simple | Moyenne | Simple |
| Coût | Gratuit | Faible | Gratuit |
Les cas parfaits pour le SSG
Le SSG est idéal pour :
- Sites vitrines (votre contenu change peu)
- Blogs (ISR gère les nouveaux articles)
- Documentations (générées à partir de markdown)
- Landing pages (optimisées pour la conversion)
- Portfolios (images et textes statiques)
Bref, 80% des sites web d'entreprise.
Le constat de Promto.be
Chez Promto.be, on utilise le SSG pour quasiment toutes nos pages. Votre page d'accueil, vos services, votre blog — tout est pré-généré en HTML statique.
Résultat : un site qui charge en moins d'une seconde, qui ne coûte quasi rien à héberger, et qui ne tombe jamais en panne.
C'est pas de la magie. C'est juste la bonne technologie, utilisée correctement.
Conclusion
La génération de sites statiques n'est pas un retour en arrière. C'est l'évolution logique d'un web qui a compris que la complexité n'est pas une fin en soi.
Avec Next.js, le SSG est simple à mettre en œuvre. Vous écrivez du React normal. Le framework s'occupe de générer les fichiers statiques. Vous déployez. C'est en ligne.
Et vos visiteurs ? Ils ont un site instantané, sécurisé, et toujours disponible.