Producto propio

Paraíso Ciclista

Una guía para ciclistas en Xàtiva: rutas, restaurantes, alojamientos y entorno. Construida con Astro y Sanity.

Stack técnico

  • Astro (SSG)
  • Sanity (headless CMS)
  • Tailwind CSS
  • Migración desde WordPress export
  • Deploy en Vercel/Netlify

El reto técnico

Una guía local de ciclismo no se monta como un blog. El visitante busca cosas muy concretas: una ruta de 40 km con poco desnivel, un restaurante de menú del día cerca del recorrido, un hotel pet-friendly que admita bicicletas. Eso obliga a modelar contenido como entidades relacionadas (rutas, restaurantes, alojamientos, lugares de interés) y no como artículos sueltos.

La parte SEO también pesa. El tráfico viene de búsquedas long-tail por zona y por necesidad ("ruta ciclista Xàtiva", "alojamiento bici Costera"). Cada ficha tiene que ser indexable por sí misma con su propio JSON-LD (Trip, Restaurant, LodgingBusiness, TouristAttraction), su título, su descripción y su imagen optimizada.

Y el contenido lo edita una persona no técnica. Hacía falta un panel donde dar de alta una ruta sea rellenar un formulario con campos definidos (distancia, dificultad, GPX, fotos), no escribir HTML.

Proceso y decisiones

Astro como framework. Genera el sitio estático, tiempos de carga muy bajos, cero JavaScript innecesario y SEO técnico cuidado por defecto. Para una guía de contenido que cambia despacio, es la elección correcta. Cero servidor que mantener.

Sanity como CMS headless en lugar de WordPress. El cliente edita en Sanity Studio (interfaz limpia, esquemas estrictos por tipo de contenido), Astro consume la API en build y publica HTML estático. Sin BBDD pública, sin panel WP que actualizar, sin plugins que pueden romperse.

La migración vino desde una instalación WordPress antigua. Se exportó el contenido a JSON, se transformó al modelo de Sanity (con esquemas tipados por categoría) y se importó. Lo que tenía sentido se conservó, lo que era ruido se descartó.

Tracción

Astro + Sanity headlessStack
Persona no técnicaContenido editable por
0€ (Vercel/Netlify tier gratuito)Costo de hosting
Rutas, restaurantes, alojamientos, lugares de interés, blogTipos de ficha

¿Qué significa esto para tu proyecto?

Si tu proyecto es un sitio editorial o de directorio con contenido estructurado que cambia despacio (guías locales, portfolios, casos de éxito, catálogos editoriales), este proyecto demuestra que con un static site moderno y un CMS headless el cliente edita cómodo, la web carga al instante y no hay servidor PHP que mantener.

También sirve como ejemplo de migración WordPress → JAMstack. La instalación de origen tenía años de contenido y plugins acumulados. Se exportó lo útil, se modeló en esquemas tipados y se reconstruyó en una stack que ya no tiene mantenimiento operativo.

Si tu encargo es una web rápida, sin BBDD pública expuesta, con SEO técnico bien resuelto y un editor de contenido amable para alguien no técnico, este patrón aplica directamente.

¿Quieres algo parecido?

Cuéntame qué tienes en mente y te digo qué puedo hacer.