Pietro Fiorillo × AV Automotores

Il catalogo di AV Automotores cambia di continuo: entrano e escono veicoli, cambiano i prezzi e si aggiungono foto. La sfida tecnica è stata costruire una SPA in React veloce per il visitatore che consegnasse anche contenuto già renderizzato a Google, senza dipendere da un framework come Next.js né da manutenzione manuale a ogni aggiornamento dello stock.

1. 01SPA in React 19 e Vite, con Firestore come database dei veicoli (marca, modello, prezzo, foto e specifiche).
2. 02Script di prerendering che genera HTML statico per ogni rotta (home, catalogo e ogni veicolo) a ogni build, così i crawler ricevono contenuto già pronto.
3. 03Generazione automatica di sitemap.xml a partire dai veicoli reali in Firestore, sempre sincronizzata con lo stock.
4. 04Dati strutturati Schema.org (Vehicle, Organization, Breadcrumb, FAQ) perché Google capisca prezzo, marca e disponibilità di ogni auto.
5. 05Slug leggibili per veicolo (marca-modello) al posto degli ID del database, per URL più chiari e un CTR migliore.
6. 06Pannello admin proprio con autenticazione Firebase e regole di Firestore e Storage, così il cliente carica veicoli senza toccare codice.
7. 07Header di sicurezza e CSP rigorosa configurati sull'hosting.

1. ◆Firestore: veicoli
2. ↳Build: prerender HTML per rotta e sitemap.xml
3. ↳Firebase Hosting: contenuto già renderizzato
4. ↳Google e motori di IA

• React
• Vite
• Firestore
• Firebase Auth
• Firebase Hosting

• Il prerendering risolve il problema di fondo: SEO per contenuti dinamici senza sacrificare l'esperienza di una SPA.
• Sitemap e HTML statico si rigenerano da soli a ogni build, senza manutenzione manuale quando lo stock cambia.
• I dati strutturati completi migliorano il modo in cui Google e i motori di IA interpretano ogni scheda veicolo.
• Il pannello admin dà al cliente una vera autonomia per aggiornare il catalogo senza dipendere dall'agenzia.