Next.js 15 est sorti avec des changements majeurs : App Router stabilisé, React Server Components by default, Turbopack en production, Partial Prerendering (PPR). Pour une agence africaine qui livre des projets à des clients locaux, comprendre ces évolutions n'est pas optionnel — c'est ce qui différencie un site performant d'un site qui perd des clients à cause du temps de chargement.
App Router vs Pages Router : faire le bon choix en 2026
La question ne se pose plus vraiment : App Router est le standard. Pages Router est maintenu pour la compatibilité ascendante, mais toutes les nouvelles fonctionnalités (Server Actions, Partial Prerendering, caching granulaire) sont exclusivement dans App Router. Si vous démarrez un nouveau projet, partez sur App Router.
La courbe d'apprentissage est réelle : les layouts imbriqués, la séparation Server/Client components, le caching à plusieurs niveaux — tout ça demande une semaine pour bien ancrer les concepts. Mais une fois maîtrisé, la productivité et les performances sont incomparables.
React Server Components — la révolution silencieuse
Les Server Components (RSC) s'exécutent sur le serveur et envoient du HTML au client — zéro JavaScript envoyé pour ces composants. Résultat : des bundles JavaScript 40 à 60% plus légers, un First Contentful Paint drastiquement amélioré sur connexion lente, et un accès direct à la base de données depuis le composant sans API intermédiaire.
La règle à mémoriser : tout ce qui n'a pas besoin d'interactivité (état, événements) doit être Server Component. Ajoutez 'use client' seulement quand nécessaire — useState, useEffect, event handlers. Un projet Next.js 15 bien architecturé aura 70-80% de Server Components.
Architecture recommandée pour projets africains
Structure de dossiers qui a fait ses preuves : src/app/ pour les routes, src/components/ subdivisé en ui/ (atoms réutilisables), sections/ (blocks de page), layout/ (Navbar, Footer), src/lib/ pour les utilitaires, src/data/ pour les données statiques, src/types/ pour les types TypeScript.
Séparez clairement les composants serveur des composants client avec une convention de nommage : suffixe Client.tsx pour les wrappers client, ou organisez-les dans un sous-dossier client/. Cette clarté épargne des heures de debugging sur les erreurs 'cannot use hooks in Server Component'.
Optimisation pour connexions lentes — priorité africaine
Le composant next/image est non-négociable : compression automatique, format WebP/AVIF, lazy loading, placeholder blur. Sur une connexion 3G sénégalaise typique, la différence de temps de chargement entre une page avec et sans next/image peut aller de 8 secondes à 2.1 secondes. C'est la différence entre un rebond et une conversion.
Activez le caching agressif avec les Route Handlers et l'ISR (Incremental Static Regeneration) pour les pages à contenu semi-statique. Les pages produit, les articles de blog, les pages de destination — tout ça peut être pré-généré et servi depuis le CDN de Vercel, dont le edge network inclut des points de présence à Johannesburg et Lagos.
Déploiement : Vercel vs alternatives
Vercel est la solution de référence pour Next.js — elle est développée par la même équipe. Le plan gratuit est généreux, le plan Pro à 20$/mois suffit pour la plupart des projets agence. Points forts : déploiements automatiques depuis Git, Edge Network mondial, analytics intégrés, previews par PR.
Alternatives africaines : Coolify self-hosted sur un VPS OVH ou Contabo (5-10€/mois), Railway (plan Starter à 5$/mois), Render (plan gratuit fonctionnel). Pour les clients avec des exigences de souveraineté des données, un hébergement en Afrique du Sud (AWS af-south-1) ou au Kenya (Google Cloud) peut être pertinent.
Monitoring et observabilité
Ne déployez pas sans monitoring. Vercel Analytics pour les Core Web Vitals, Sentry (plan gratuit) pour le tracking d'erreurs, et un uptime monitor comme Betterstack (gratuit jusqu'à 10 moniteurs). En Afrique, les coupures réseau peuvent affecter vos APIs externes — vous devez être alerté avant vos clients.
Conclusion
Next.js 15 avec App Router est le meilleur framework pour construire des sites rapides et maintenables en 2026. La clé pour les agences africaines : maîtriser les Server Components pour minimiser le JavaScript envoyé, utiliser next/image systématiquement, déployer sur Vercel pour le edge network, et monitorer les performances sur des connexions réelles africaines. Ce combo donne des sites qui chargent en moins de 2 secondes même en 3G — et ça, ça change les conversions.
Vous souhaitez aller plus loin ?
Nos experts vous accompagnent dans votre transformation digitale.