Pourquoi choisir Next.js pour un site statique
L'idée reçue
Quand on entend "Next.js", on pense souvent à des applications web complexes avec du rendu côté serveur. Pourtant, Next.js excelle aussi dans la génération de sites statiques grâce à son mode output: "export".
Les avantages concrets
Performance maximale
Un site statique généré par Next.js produit du HTML pur, servi directement depuis un CDN. Pas de serveur Node.js à maintenir, pas de temps de rendu côté serveur — juste des fichiers HTML, CSS et JavaScript optimisés.
DX (Developer Experience) supérieure
- TypeScript natif : typage strict sans configuration
- App Router : routing basé sur le système de fichiers
- Optimisation automatique : code splitting, tree shaking, minification
- Hot reload : modifications visibles instantanément en développement
Écosystème React
Accès à tout l'écosystème React : Framer Motion pour les animations, next-intl pour l'internationalisation, Tailwind CSS pour le styling. Le meilleur des deux mondes.
Quand NE PAS utiliser Next.js statique
- Si votre contenu change très fréquemment (plusieurs fois par heure)
- Si vous avez besoin d'authentification côté serveur
- Si votre site est un simple one-pager sans logique
Conclusion
Pour un portfolio, un site vitrine ou un blog, Next.js en mode statique offre le meilleur rapport performance/fonctionnalités. C'est exactement ce que j'utilise pour stackshaka.com.