Contexto
Producto digital: modelos de contrato inmobiliario listos y editables (compraventa, permuta, cesión, alquiler, alquiler vacacional y rescisiones), vendidos por separado o en kits.
Desafío
Explicar muchos tipos de contrato y varias ofertas sin confundir al comprador, y además ser bien leído por Google, algo que las aplicaciones React comunes no hacen bien.
Objetivo
Una página de ventas clara, que lleve a cada persona al contrato adecuado para su situación, con contenido indexable.
Solución
Landing page organizada según la situación del comprador ("¿cuál es mi situación?"), con comparativa entre contratos sueltos y kits, explicación de cómo funciona, presentación del autor, garantía y preguntas frecuentes. Las páginas están prerrenderizadas: el HTML llega completo.
Arquitectura
- TanStack Start con React 19 y Tailwind 4, sobre Vite
- Prerrenderizado de las páginas en el build (HTML completo sin depender de JavaScript)
- Ofertas, preguntas y textos centralizados en un archivo de datos
- Publicación automática con GitHub Actions en cada cambio
Funcionalidades
- Secciones por situación de negociación
- Seis ofertas con comparativa
- Preguntas frecuentes
- Páginas legales (privacidad, términos) y menciones a la LGPD (ley brasileña de protección de datos) en los modelos
- Medición con Google Analytics
SEO
- HTML prerrenderizado
- Datos estructurados de organización, autor, productos con ofertas y preguntas frecuentes
- Sitemap y robots propios
Automatizaciones
- Build y publicación automáticos con GitHub Actions
Resultado
- Página de ventas en línea, con el contenido completo en el HTML
- Estructura de ofertas fácil de actualizar sin tocar el diseño