WordPress headless + Astro

Esto es WordPress.
No lo parece, ¿verdad?

Cada palabra que lees sale de un WordPress corriente. La cara —el diseño, la velocidad, cada píxel— la ponemos por fuera. Eso es headless.

Cómo está hecho Leer la guía
Arquitectura

Dos piezas que se hablan por HTTP.

La clave está en separar qué se dice de cómo se ve. WordPress guarda el contenido; el front decide la experiencia.

  1. El cerebro

    WordPress, desnudo

    Sin tema ni constructores. Solo gestiona contenido: entradas, campos a medida, medios. Lo que mejor sabe hacer.

  2. El puente

    La REST API

    Expone todo en /wp-json como JSON limpio, sin instalar nada. Un endpoint propio sirve la home en una sola llamada.

  3. La cara

    Astro por delante

    Pide el contenido en el build y genera HTML puro. Rápido, accesible y con un diseño que no ata ninguna plantilla.

Lo que devuelve WordPress
GET /wp-json/…/landing 

  "title": "WordPress no es el problema…",
  "kicker": "Manifiesto",
  "accent": "#6366f1"
Renderizado · 0 JS
Manifiesto

WordPress no es el problema. El tema es el problema.

6 min de lectura
Lo que ve el visitante
La guía

Siete piezas para montar el tuyo.

Cada tarjeta es una entrada de WordPress. El color, la etiqueta y el tiempo de lectura salen de campos a medida del CMS.

El truco

Por qué no huele a WordPress
(ni a plantilla, ni a IA).

Diseño

Cero temas. Cada píxel es una decisión.

No hay theme que limite nada. Tipografía, ritmo, color y movimiento se diseñan desde cero, como en cualquier producto premium. El resultado no se parece a ningún WordPress porque, de puertas afuera, no lo es.

Rendimiento
0KB de JS por defecto

Astro genera HTML estático. La página carga antes de que el usuario parpadee.

Para quien edita

El panel de WordPress, intacto.

El cliente sigue escribiendo donde ya sabe. Ninguna curva de aprendizaje nueva.

Seguridad

Superficie de ataque mínima.

El WordPress ni se expone: el mundo solo ve HTML estático servido desde el edge.

A prueba de futuro

Cambia el front sin tocar el contenido.

Mañana quieres React, o una app nativa, o un rediseño total. El contenido no se mueve: vive en WordPress y se sirve por API. Diseñas la cara nueva y ya está.

La prueba

Rápido no. Lo siguiente.

No son promesas: son las métricas de Lighthouse (Google) sobre el build de esta misma página. Un CMS potente detrás no cuesta ni un milisegundo delante.

100
Rendimiento
100
Accesibilidad
100
Prácticas rec.
100
SEO
0,5s
First Contentful Paint Primer contenido pintado
0,5s
Largest Contentful Paint Elemento principal visible
0ms
Total Blocking Time Tiempo de bloqueo
0
Cumulative Layout Shift Estabilidad visual
0 KB JavaScript externo6,4 KB Página completa (gzip)0 Peticiones a terceros Lighthouse 12.8.2 · desktop · julio 2026
Guía viva

¿Y si lo monta tu agente?

Esta guía no es solo para leer. Va empaquetada como una skill: un archivo de instrucciones que le pasas a tu agente de IA y ya sabe levantar todo esto —Local, el puente REST, el front y el deploy— guiándote paso a paso.

Dale a tu agente todo lo que necesita
  1. 01

    Instala la skill

    La skill vive en un repo público (no en WordPress). Un comando y tu agente ya la tiene.

    bash 
    npx skills add HombreFeliz/wp-wow
  2. 02

    Dale el encargo

    Con la skill ya instalada, pásale este prompt y deja que te guíe paso a paso.

    prompt 
    Monta un WordPress headless con un front Astro premium siguiendo la skill wp-wow. Empieza por levantar el CMS en local y comprobar que /wp-json responde, y ve explicándome cada paso a medida que avanzas.
Preguntas frecuentes

Lo que sueles preguntarte.

¿Esto es WordPress de verdad?

Sí, al 100%. Todo el contenido que ves —textos, artículos, estas mismas preguntas— sale de un WordPress corriente a través de su API. Lo único que cambia es que la cara la ponemos por fuera, con Astro.

¿Necesito saber programar para montar algo así?

Para editar el contenido, no: usas el panel de WordPress de siempre. Para montar la parte técnica sí hace falta algo de código, pero la guía te lleva paso a paso, y puedes apoyarte en la skill para que tu agente de IA lo haga contigo.

¿Puedo seguir editando el contenido como siempre?

Exacto. El editor de WordPress se queda intacto. Escribes, pulsas publicar, y el front se reconstruye solo. Ninguna curva de aprendizaje nueva para quien redacta.

¿Si actualizo WordPress se borra el contenido?

No. Un update solo cambia el núcleo; tu base de datos y tus medios no se tocan. El único riesgo real aparece en contenedores sin volúmenes persistentes, y eso se resuelve separando núcleo y estado. Lo cuento a fondo en el capítulo de deploy de la guía.

¿Puedo usar mi WordPress actual sin migrar nada?

Sí. Justo esa es una de las gracias: el contenido se queda donde está y solo le pones una cara nueva delante. No hay migración de datos.

¿El SEO no se resiente al ir por API?

Al contrario. El front es HTML estático servido desde el edge, rapidísimo y con metadatos y datos estructurados bien puestos. Google (y los agentes de IA) lo leen mejor que a muchos WordPress clásicos.

¿Cuánto cuesta tener esto en producción?

El WordPress va en un hosting PHP normal (desde pocos euros al mes) y el front estático se puede servir gratis en Vercel, Netlify o Cloudflare Pages. Es una arquitectura barata de mantener.

¿Y ahora?

¿Lo construyes tú
o lo monto yo?

Si te lo quieres montar tú, tienes la guía paso a paso aquí. Y si prefieres que lo monte yo, déjame tu proyecto y hablamos.