DEV Community

Dilm Informatique
Dilm Informatique

Posted on

SSR Prerendering React + Vite sans Next.js — Guide SEO complet

Guide complet sur le prerendering statique React+Vite pour le SEO — sans Next.js, sans serveur en production.

Utilise en production sur Fix72, service de depannage informatique a Le Mans. Code open-source : github.com/dilm-seo/depannagelemans

Le probleme avec les SPA React

Google peut executer du JavaScript mais c est lent et impredictible pour les pages de services locaux. Solution : generer du HTML statique complet au moment du build.

Commandes

npm run build (Vite build classique)
npm run prerender (genere dist/route/index.html pour chaque URL)

Chaque HTML contient les bonnes balises title, meta description, canonical, et le JSON-LD specifique a la page.

Compatibilite crawlers IA

Fonctionne pour Googlebot, GPTBot (ChatGPT), ClaudeBot (Anthropic), PerplexityBot — tous lisent le HTML statique sans JS.

Stack complete de fix72.com

React + Vite + TypeScript + Netlify + GitHub Actions (Google Indexing API) + Supabase + llms.txt

Voir en production : fix72.com/depannage-informatique-le-mans

Top comments (0)