Le concept
Cas de démonstration construit pour explorer la refonte d'une agence digitale B2B (SEO local Thaïlande). Objectif : montrer ce qu'on peut produire sur une stack Next.js 16 static avec multilingue, outils interactifs et performance maximale.
Preview en ligne sur mapera-v2.netlify.app.
Next.js 16 Static Export Tailwind CSS Netlify i18n FR/EN
Ce qui a été construit
Architecture Next.js 16 static (21 routes)
- Home + 6 pages services + méthode + cas clients + tarifs + blog + outils + contact + légal
- Toutes les routes générées en build (HTML pur servi par CDN)
- Internationalisation FR/EN avec hreflang configuré proprement
- Sitemap automatique + robots.txt
3 outils interactifs intégrés
- Calculateur GBP : score sur 100 selon 12 critères, recommandations personnalisées
- Dashboard de positions : exemple de reporting client avec graphiques temps réel
- Pricing calculator : estimation forfaits selon nombre de mots-clés et villes ciblées
Direction artistique
- Palette professionnelle adaptée au B2B (sobriété + accents colorés)
- Typographie moderne, hiérarchie claire
- Animations subtiles (Framer Motion) pour la perception premium
- Design responsive parfait du mobile au 4K
Spécificités techniques
- Static export = HTML pur servi par CDN Netlify (pas de serveur Node)
- Images optimisées WebP automatique avec lazy-loading
- Code-splitting agressif (React Server Components)
- Critical CSS inliné, fonts préchargées
- Schema.org Service + LocalBusiness
Pourquoi un cas test
Ce projet illustre ce qu'on peut produire sur une stack Next.js 16 static en termes d'architecture, de design B2B et d'outils interactifs. Il sert de référence visuelle et technique pour les prospects qui cherchent une agence ou un cabinet conseil avec une présence digitale haut de gamme.
Stack identique disponible pour des projets clients similaires (agence, cabinet conseil, consultant).