🍕 Analogie : La Pizza Surgelée
Avec le SSG, c'est comme une pizza surgelée :
- 🏭 La pizza est préparée une fois en usine (au build)
- ❄️ Elle est congelée et stockée (HTML statique sur le CDN)
- 🚀 Quand tu en veux une, c'est instantané : on la sort du frigo et c'est prêt !
Le travail est fait une seule fois, puis c'est ultra-rapide pour tout le monde !
⚙️ Comment ça marche ? (Version simple)
Le développeur lance le build
Quand tu fais npm run build, Next.js génère toutes les pages
Next.js crée les fichiers HTML
Chaque page devient un fichier HTML complet, prêt à être servi. Comme un document Word finalisé.
Les fichiers sont stockés
Les HTML sont mis sur un CDN (Content Delivery Network) - comme un cloud ultra-rapide
Quelqu'un visite le site
Le CDN envoie directement le fichier HTML pré-généré. Aucun traitement, juste envoyer un fichier !
Affichage instantané
La page s'affiche en quelques millisecondes. C'est comme ouvrir un fichier texte sur ton ordinateur !
✅ Les Avantages
Ultra Rapide
Pas de traitement serveur, juste envoyer un fichier. C'est la méthode la plus rapide qui existe !
SEO Parfait
Google voit tout le contenu immédiatement. C'est le meilleur pour le référencement !
Gratuit ou Presque
Tu peux héberger sur Vercel, Netlify, GitHub Pages gratuitement. Pas besoin de serveur coûteux !
Scalabilité Infinie
Un CDN peut servir des millions de visiteurs sans problème. Aucune limite !
Sécurité Maximale
Pas de serveur à hacker, pas de base de données. Juste des fichiers statiques. Super sécurisé !
❌ Les Inconvénients
Contenu Statique Uniquement
Le contenu est figé au moment du build. Si tu veux changer quelque chose, il faut rebuilder et redéployer.
Pas de Personnalisation
Tu ne peux pas afficher "Bonjour Valentin" si c'est Valentin qui visite. C'est la même page pour tout le monde.
Temps de Build
Si tu as 1000 pages, le build peut prendre 10-15 minutes. Pas idéal pour les gros sites.
Pas de Données Dynamiques
Impossible d'afficher des données qui changent en temps réel (comme le nombre de likes, les commentaires récents).
🎯 Quand utiliser le SSG ?
✅ Utilise SSG pour :
- 📝 Les blogs (articles qui changent rarement)
- 📚 Les sites de documentation
- 🏠 Les landing pages
- 🎨 Les portfolios
- 🌐 Les sites vitrines
- 📰 Les sites d'actualité (rebuild quotidien)
❌ Évite SSG pour :
- 👤 Les pages de profil utilisateur
- 🛒 Les paniers d'achat dynamiques
- 💬 Les chats et commentaires en temps réel
- 📊 Les dashboards avec données live
- 🔐 Les pages nécessitant authentification
💡 Exemple dans notre projet
La page /about utilise le SSG. Voici pourquoi c'est parfait :
📝 Résumé en une phrase
SSG = La page est créée une fois au build, puis servie instantanément à tous les visiteurs, comme un document PDF finalisé.