Blog
Next.jsCloudflareSEO

Next.js + Cloudflare Pages : le combo parfait pour le SEO

Pourquoi l'export statique de Next.js sur Cloudflare Pages offre des scores Lighthouse >95 et un SEO imbattable.

1 avril 20267 min de lecture

Le SEO en 2026 repose sur trois piliers : la vitesse, le contenu et la structure technique. Next.js combiné à Cloudflare Pages excelle sur les trois.

Pourquoi l'export statique ?

Next.js propose plusieurs modes de rendu. L'export statique (`output: 'export'`) génère des fichiers HTML purs, sans serveur Node.js. Les avantages pour le SEO :

  • TTFB < 50ms : les fichiers sont servis depuis le CDN Cloudflare, à quelques millisecondes de chaque visiteur
  • Lighthouse >95 : pas de JavaScript blocking, rendu instantané
  • Coût zéro : Cloudflare Pages offre un hébergement gratuit avec bande passante illimitée
  • Fiabilité 99.99% : pas de serveur qui tombe, pas de scaling à gérer

Configuration optimale

next.config.ts

La configuration clé pour un site statique performant :

  • `output: 'export'` pour la génération statique
  • `trailingSlash: true` pour la compatibilité Cloudflare
  • `images: { unoptimized: true }` car l'optimisation d'images nécessite un serveur

Headers de sécurité

Cloudflare permet d'ajouter des headers via un fichier `_headers` :

  • `X-Frame-Options: DENY` contre le clickjacking
  • `X-Content-Type-Options: nosniff` contre le MIME sniffing
  • `Strict-Transport-Security` pour forcer HTTPS
  • Cache long sur les fonts et assets statiques

i18n sans middleware

Avec l'export statique, le middleware Next.js n'est pas disponible. La solution : `next-intl` avec `generateStaticParams` qui pré-génère toutes les pages dans toutes les langues.

Chaque URL a sa version locale : `/fr/`, `/en/`, `/th/`. Les hreflang tags dans les metadata assurent que Google indexe la bonne version pour chaque audience.

Structured Data (JSON-LD)

Ajoutez du JSON-LD pour les rich results Google :

  • `Organization` pour la page d'accueil
  • `FAQPage` pour les pages avec FAQ
  • `BlogPosting` pour les articles
  • `BreadcrumbList` pour la navigation

Conclusion

Next.js + Cloudflare Pages est le combo le plus performant pour un site vitrine en 2026. Zéro serveur, zéro coût, des scores Lighthouse parfaits et un SEO technique irréprochable.

Un projet ambitieux en tête ?

Discutons de votre idée. Je reviens vers vous en moins de 24h.