Tous les projets
SEOFrontend

Site vitrine SEO avec devis en ligne et simulateurs

Un site vitrine pensé pour le SEO local et la conversion en demandes de devis.

Contexte

Le site vitrine est la première porte d'entrée des clients : il doit être bien référencé localement et permettre de demander un devis simplement. La version d'origine, en CRA et MUI, était rendue côté client et se prêtait mal au référencement.

Mon rôle

De la conception à l'exploitation, en autonomie complète.

Solution

Le site a été migré de CRA et MUI vers Next.js, puis vers Tailwind. Le SEO local s'appuie sur la Metadata API, des données structurées et un sitemap.

Le devis en ligne est relié au stock réel et envoyé par une Server Action, qui garde le jeton côté serveur. Le catalogue est alimenté par l'API métier, avec cache et revalidation déclenchée depuis le back-office. Deux simulateurs, coût d'entretien et retour sur investissement, aident le visiteur à se projeter.

Fonctionnalités clés

  • SEO local poussé

    Metadata API, sitemap et données structurées LocalBusiness, Product et FAQPage.

  • Devis en ligne relié au stock

    Le visiteur compose son devis (robot, accessoires, installation) à partir du stock réel.

  • Catalogue toujours à jour

    Une modification dans le back-office déclenche la revalidation du site, sans redéploiement.

  • Deux simulateurs

    Coût d'entretien et retour sur investissement, pour aider le visiteur à se décider.

Défis d'ingénierie

  1. 1

    Migration de stack maîtrisée

    Passage de CRA et MUI à Next.js, puis à Tailwind, pour un rendu serveur favorable au SEO.

  2. 2

    Jeton gardé côté serveur

    Le devis part par une Server Action : le jeton d'accès à l'API n'est jamais exposé au navigateur.

  3. 3

    Cache, revalidation et secours

    Catalogue mis en cache, revalidé à la demande par le back-office, avec un catalogue de secours.

  4. 4

    Performance et en-têtes

    Images AVIF et WebP, CSS critique, en-têtes de sécurité et de cache.

Stack technique

Frontend
Next.js 15ReactTypeScriptTailwindLeafletsharp
Intégrations
GA4

Un projet de cette envergure ?

Parlons de votre contexte : je vous dis franchement ce qui est faisable, et en combien de temps.

Discutons de votre projet
Demander un devis