Ce site : architecture, SEO et performance

Le site repose sur Next.js (App Router), React et TypeScript. L’UI est construite avec Tailwind CSS et une stratégie de motion hybride : animations avancées conservées sur les pages signature (Accueil, Work, Consultant ClickUp), reveal CSS `MotionLite` sur les pages utilitaires.

Les pages publiques (fr/en, projets, pages légales) sont générées statiquement afin de garantir un temps de réponse stable et une indexation fiable.

Les besoins dynamiques sont isolés dans des routes API Next.js : formulaire de contact, génération de lien e-book, consommation de token et webhook Stripe.

La persistance est assurée par Supabase (Postgres + Storage), avec des liens de téléchargement signés et limités dans le temps.

Le déploiement est assuré sur Vercel : pages statiques en priorité, fonctions serverless pour les opérations nécessitant un traitement serveur.

Les protections incluent validation stricte des entrées, limitation de débit sur les endpoints sensibles, garde d’origine côté contact et vérification des signatures Stripe.

L’architecture reste organisée pour limiter la dette technique et simplifier les mises à jour fonctionnelles sans régression SEO.

Balises via metadata Next : title, description, canonical + alternates (fr/en/x-default), Open Graph et Twitter Card.

Données structurées JSON-LD (Person, WebSite, breadcrumbs et fiches projets) pour clarifier le périmètre.

Sitemap XML et robots.txt sont servis via les routes App Router (`/sitemap.xml` et `/robots.txt`) pour rester synchronisés avec les routes FR/EN et les fiches projets.

Le site applique du code splitting (chargement différé des blocs lourds), priorise les ressources critiques et retarde les médias non essentiels hors zone visible.

Les scripts tiers (GA4, Microsoft Clarity, reCAPTCHA) sont conditionnés au consentement ou au besoin fonctionnel pour limiter les requêtes inutiles.

Navigation clavier, lien “Aller au contenu”, états de focus visibles, alternatives textuelles et libellés ARIA sont intégrés aux composants clés.

Les parcours sensibles (formulaires, modales, carrousels) sont revus régulièrement avec contrôles manuels et outils automatisés pour éviter les régressions.