Pietro Fiorillo × AV Automotores

El catálogo de AV Automotores cambia constantemente: entran y salen vehículos, cambian los precios y se suman fotos. El desafío técnico fue construir una SPA en React que fuera rápida para el visitante y que además entregara contenido ya renderizado a Google, sin depender de un framework como Next.js ni de mantenimiento manual cada vez que se actualiza el stock.

1. 01SPA en React 19 y Vite, con Firestore como base de datos de vehículos (marca, modelo, precio, fotos y especificaciones).
2. 02Script de prerenderizado que genera HTML estático para cada ruta (home, catálogo y cada vehículo) en cada build, para que los crawlers reciban contenido ya armado.
3. 03Generación automática de sitemap.xml a partir de los vehículos reales de Firestore, siempre sincronizado con el stock.
4. 04Datos estructurados Schema.org (Vehicle, Organization, Breadcrumb, FAQ) para que Google entienda precio, marca y disponibilidad de cada auto.
5. 05Slugs legibles por vehículo (marca-modelo) en lugar de IDs de base de datos, para URLs más claras y mejor CTR.
6. 06Panel admin propio con autenticación de Firebase y reglas de Firestore y Storage, para que el cliente cargue vehículos sin tocar código.
7. 07Headers de seguridad y CSP estricta configurados en el hosting.

1. ◆Firestore: vehículos
2. ↳Build: prerender de HTML por ruta y sitemap.xml
3. ↳Firebase Hosting: contenido ya renderizado
4. ↳Google y motores de IA

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

• El prerenderizado resuelve el problema de fondo: SEO de contenido dinámico sin sacrificar la experiencia de una SPA.
• Sitemap y HTML estático se regeneran solos en cada build, sin mantenimiento manual cuando cambia el stock.
• Los datos estructurados completos mejoran cómo Google y los motores de IA interpretan cada ficha de vehículo.
• El panel admin propio le da autonomía real al cliente para actualizar el catálogo sin depender de la agencia.