Pietro Fiorillo × AV Automotores

The AV Automotores catalog changes constantly: vehicles come and go, prices change and photos are added. The technical challenge was to build a React SPA that feels fast to visitors and also serves pre-rendered content to Google, without relying on a framework like Next.js or on manual upkeep every time stock is updated.

1. 01A React 19 and Vite SPA with Firestore as the vehicle database (make, model, price, photos and specs).
2. 02A prerender script that generates static HTML for every route (home, catalog and each vehicle) on every build, so crawlers receive ready-made content.
3. 03Automatic sitemap.xml generation from the real vehicles in Firestore, always in sync with stock.
4. 04Schema.org structured data (Vehicle, Organization, Breadcrumb, FAQ) so Google understands the price, make and availability of each car.
5. 05Readable slugs per vehicle (make-model) instead of database IDs, for clearer URLs and better CTR.
6. 06A custom admin panel with Firebase authentication and Firestore and Storage rules, so the client uploads vehicles without touching code.
7. 07Security headers and a strict CSP configured on the hosting.

1. ◆Firestore: vehicles
2. ↳Build: per-route HTML prerender and sitemap.xml
3. ↳Firebase Hosting: pre-rendered content
4. ↳Google and AI engines

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

• Prerendering solves the core problem: SEO for dynamic content without giving up the SPA experience.
• The sitemap and static HTML regenerate on every build, with no manual upkeep when stock changes.
• Complete structured data improves how Google and AI engines interpret each vehicle page.
• The custom admin panel gives the client real autonomy to update the catalog without depending on the agency.