Tu sitio de Craft tarda 3,2 segundos en cargar. Estás perdiendo compradores en el segundo dos.
Si eres un responsable de producto viendo cómo los usuarios móviles rebotan antes de que cargue tu hero, has llegado al techo de Twig — y tus devs ya están preparando el pitch deck de Astro.
Why leave Craft CMS?
- Renders Twig server-side on every request, adding 300-800ms PHP execution time before the first byte ships
- Forces frontend developers to toggle between JavaScript build tools and PHP/Twig templating syntax daily
- Requires LAMP/LEMP stack hosting or managed Craft services, multiplying infrastructure costs and attack surface
- Plateaus mobile Lighthouse scores at 45-65 without aggressive Redis caching or the paid Blitz plugin
- Locks your engineering team into Yii2 framework expertise, shrinking your hiring pool and slowing custom module work
- Couples content rendering to database query performance, creating unpredictable TTFB spikes under traffic
What you gain
- Delivers pre-rendered static HTML with 95-100 mobile Lighthouse scores out of the box, no caching plugins required
- Deploys to Vercel or Cloudflare edge networks where TTFB drops from seconds to sub-100ms globally
- Ships island architecture so interactive components load React, Vue, or Svelte only where needed, not across every page
- Hands frontend developers file-based routing and TypeScript components they can onboard to in hours, not weeks
- Fetches all content at build time via GraphQL, eliminating runtime database queries and the latency they create
- Preserves your entire URL structure, redirects, and SEO metadata through automated route mapping and 301 chains
Por qué los equipos de Craft CMS empiezan a mirar hacia Astro
Craft CMS se ganó su reputación a pulso. El panel de control es genuinamente agradable de usar. Los campos Matrix dan a los equipos de contenido layouts flexibles sin necesidad de plugins. La API de GraphQL funciona. El sistema de plantillas Twig es limpio. Para un CMS basado en PHP construido sobre Yii2, Craft hace muchas cosas bien.
El problema está en el frontend. Las plantillas Twig se renderizan en el servidor en cada petición, lo que significa que tus puntuaciones en Lighthouse dependen del tiempo de ejecución de PHP, las capas de caché del servidor y el nivel de optimización de assets. La mayoría de los sitios Craft que auditamos obtienen entre 45 y 65 en Lighthouse móvil. No es un desastre — simplemente no es competitivo cuando existen frameworks estáticos de primera generación.
La fricción real aparece a escala. El stack PHP/Yii2 de Craft obliga a los desarrolladores frontend a cambiar de contexto constantemente entre las herramientas modernas de JavaScript y Twig. Tu pipeline de despliegue corre sobre PHP. El hosting requiere un stack LAMP/LEMP o un servicio gestionado como Servd. Cada carga de página golpea la base de datos, a menos que añadas Redis, Blitz o plugins de caché estática.
Astro elimina todo eso en el lado frontend. Cero JavaScript por defecto. HTML estático en el edge. Y cuando necesitas interactividad, traes exactamente el framework que quieres — React, Vue, Svelte — con una arquitectura de islas que hidrata únicamente lo que importa.
Dos caminos de migración: elige el que encaja
Ofrecemos dos enfoques distintos según cuánto hayas invertido en el modelado de contenido y la experiencia de administración de Craft.
Opción A: Craft Headless + Frontend en Astro
Si tu equipo de contenido adora el panel de control de Craft — y muchos lo hacen — consérvalo. La API GraphQL de Craft expone entradas, assets, globals y campos personalizados. Eliminamos por completo la capa frontend de Twig y construimos tu sitio en Astro, obteniendo el contenido vía GraphQL en tiempo de build.
Esto te proporciona:
- Salida en HTML estático desplegada en Vercel o Cloudflare Pages
- El admin de Craft permanece exactamente como tus editores lo conocen
- Builds incrementales disparados por webhooks de Craft al guardar contenido
- Entrega en el edge con TTFB inferior a 100 ms a nivel global
El contrapunto: sigues manteniendo un servidor PHP para el backend de Craft. Los costes de hosting se mantienen en el rango de 30-80 $/mes para hosting gestionado de Craft. Pero el rendimiento de tu frontend pasa a ser de primer nivel mundial.
Opción B: Migración completa a Payload CMS + Astro
Si quieres dejar PHP atrás por completo, migramos tu modelo de contenido a Payload CMS — un CMS nativo en TypeScript que corre sobre Node.js con MongoDB o Postgres. La interfaz de administración de Payload está basada en React, es altamente personalizable y soporta el mismo tipo de modelado de contenido flexible que hace especial a Craft.
Esto te proporciona:
- Un único lenguaje en todo el stack — TypeScript en todas partes
- Self-hosted o en la nube con una complejidad de infraestructura drásticamente menor
- Control de acceso integrado que iguala o supera los permisos de usuario de Craft
- APIs REST y GraphQL listas para usar
- Sin dependencia de PHP en tu pipeline de despliegue
Mapeamos tus secciones de Craft a colecciones de Payload, migramos los bloques Matrix a los campos de bloque de Payload y transferimos todo el contenido de forma programática. Tus editores obtienen un admin moderno con el que se sentirán cómodos en un día.
Conversión de plantillas Twig a componentes de Astro
Los sitios Craft usan Twig para las plantillas. Astro usa componentes .astro con una sección de script en el frontmatter y una sección de plantilla HTML. El mapeo es sorprendentemente limpio:
{% include %}y{% embed %}de Twig se convierten en importaciones de componentes de Astro- Los bucles
{% for %}de Twig se convierten en.map()de JavaScript en la plantilla - Los condicionales
{% if %}de Twig se convierten en expresiones ternarias o returns anticipados - Las queries
entry.matrixField.all()de Craft se convierten en fragmentos de GraphQL - Las transformaciones de assets se mapean al componente
<Image />de Astro con optimización mediante Sharp
No nos limitamos a traducir sintaxis. Reestructuramos tus plantillas en una arquitectura de componentes adecuada — layouts compartidos, primitivas de UI reutilizables y plantillas de página específicas para cada tipo de contenido. El resultado es una base de código que cualquier desarrollador frontend moderno puede mantener sin tener que desempolvar sus conocimientos de Twig.
Gestión de los bloques Matrix
Los campos Matrix son la característica estrella de Craft y requieren una migración cuidadosa. Cada tipo de bloque se convierte en un componente de Astro (Opción A) o en un tipo de bloque de Payload más un componente de Astro (Opción B). Construimos un renderizador de bloques que mapea dinámicamente los bloques de contenido a componentes, preservando la flexibilidad editorial de la que depende tu equipo.
Estrategia de preservación del SEO
Los sitios de Craft CMS suelen tener estructuras de URL limpias — sin extensiones .php, sin parámetros de consulta. Eso es una buena noticia para la migración. Nuestro proceso:
- Inventario completo de URLs — Rastreamos tu sitio y catalogamos cada URL, redirección, etiqueta canonical y enlace interno
- Mapeo de rutas 1:1 — El enrutamiento basado en archivos de Astro refleja exactamente tu estructura de URLs actual
- Mapa de redirecciones 301 — Cualquier URL que deba cambiar recibe redirecciones permanentes configuradas en el edge
- Transferencia de metaetiquetas — Los títulos SEO, descripciones, etiquetas OG y datos estructurados se trasladan a la gestión del
<head>de Astro - Generación de sitemap XML — Construido automáticamente desde tu contenido en tiempo de build
- Monitorización en Search Console — Hacemos seguimiento del estado de indexación durante 90 días tras el lanzamiento
Los datos del plugin SEOmatic de Craft se extraen y mapean a tus nuevas plantillas de Astro. Sin posiciones perdidas.
Nuestro proceso de migración
Semanas 1-2: Auditoría y arquitectura Documentamos tu instalación de Craft — tipos de contenido, secciones, bloques Matrix, volúmenes de assets, plugins, módulos personalizados y cualquier personalización de Yii2. Recomendamos la Opción A o B en función de la dirección técnica de tu equipo y los requisitos del flujo de trabajo de contenido.
Semanas 3-5: Desarrollo Comienza el desarrollo del frontend en Astro. Convertimos las plantillas Twig a componentes de Astro, integramos con la API GraphQL de Craft o con una nueva instancia de Payload CMS, e implementamos tu sistema de diseño. Para la Opción B, la migración de contenido corre en paralelo.
Semanas 6-7: Migración de contenido y QA Transferencia completa de contenido (Opción B), pruebas de regresión visual contra tu sitio actual, benchmarking de rendimiento y formación del equipo editorial en los nuevos flujos de trabajo.
Semana 8: Lanzamiento Cambio de DNS, verificación de redirecciones, envío a Search Console y monitorización del rendimiento.
Descubre más sobre nuestras capacidades de desarrollo en Astro.
Plazos y precios
Una migración típica de Craft CMS a Astro se completa en 6-8 semanas.
- Opción A (Craft Headless + Astro): 15.000-30.000 $ según la complejidad de las plantillas y el número de tipos de bloques Matrix
- Opción B (Payload CMS + Astro): 25.000-50.000 $, incluyendo la migración completa del modelo de contenido y la configuración del CMS
Los sitios más pequeños con menos de 20 plantillas y modelos de contenido sencillos se sitúan en el extremo inferior. Los sitios con configuraciones Matrix complejas, configuraciones multisitio o integración con Commerce requieren un alcance personalizado.
Por qué Social Animal para esta migración
Hemos migrado plataformas CMS basadas en PHP a arquitecturas headless en decenas de proyectos. Conocemos el modelo de contenido de Craft en profundidad — incluidos los casos límite relacionados con la carga eager, las queries de elementos y el anidamiento de campos Matrix. Y construimos sitios en Astro que obtienen 95+ en Lighthouse sin sacrificar la flexibilidad editorial.
Tu equipo de contenido no debería tener que hacer concesiones. Tu rendimiento frontend tampoco.
The migration process
Discovery & Audit
We map every page, post, media file, redirect, and plugin. Nothing gets missed.
Architecture Plan
New stack designed for your content structure, SEO requirements, and performance targets.
Staged Migration
Content migrated in batches. Each batch verified before the next begins.
SEO Preservation
301 redirects, canonical tags, sitemap, robots.txt — every ranking signal carried over.
Launch & Monitor
DNS cutover with zero downtime. 30-day monitoring period included.
Craft CMS vs Astro
| Metric | Craft CMS | Astro |
|---|---|---|
| Lighthouse Mobile | 45-65 | 95-100 |
| TTFB | 800ms-2.5s | <100ms |
| Build Time (100 pages) | N/A (server-rendered) | ~15s |
| Hosting Cost | $30-80/mo (managed) | $0-20/mo (edge CDN) |
| Developer Experience | PHP/Twig/Yii2 | TypeScript/Astro/Modern JS |
| API/Headless | GraphQL (built-in) | Full headless (GraphQL or REST) |
Common questions
¿Puedo conservar Craft CMS y simplemente reemplazar el frontend Twig por Astro?
Sí. Craft CMS tiene una API GraphQL integrada que expone todo tu contenido — entradas, assets, globals y bloques Matrix. Eliminamos la capa de plantillas Twig por completo y construimos un frontend en Astro que obtiene el contenido vía GraphQL en tiempo de build. Tus editores siguen usando el panel de control de Craft sin ningún cambio en su flujo de trabajo.
¿Cómo se compara Payload CMS con Craft CMS para la edición de contenido?
El panel de administración de Payload está basado en React con campos de bloque que replican la funcionalidad Matrix de Craft. La experiencia de edición es moderna y responsive. El sistema de control de acceso de Payload se define en código, lo que lo hace más flexible que los permisos integrados de Craft. El principal ajuste para los editores es aprender una nueva interfaz — eso suele llevar uno o dos días de uso práctico.
¿Cambiarán mis URLs de Craft CMS durante la migración a Astro?
No. Mapeamos tu estructura de URLs existente 1:1 en el enrutamiento basado en archivos de Astro. Los sitios Craft suelen usar URLs limpias sin extensiones, que Astro gestiona de forma nativa. Cualquier URL que deba cambiar por razones estructurales recibe redirecciones permanentes 301. Verificamos cada URL tras el lanzamiento para garantizar que no queda ningún enlace roto.
¿Cómo se traducen los bloques Matrix de Craft CMS a componentes de Astro?
Cada tipo de bloque Matrix se convierte en un componente de Astro individual. Construimos un renderizador de bloques que recibe los datos de bloque desde GraphQL y mapea dinámicamente cada tipo de bloque a su componente correspondiente. Esto preserva toda la flexibilidad editorial — tu equipo de contenido puede seguir mezclando y combinando bloques exactamente como antes.
¿Qué ocurre con los plugins de Craft CMS como SEOmatic durante la migración?
Extraemos todos los datos de SEOmatic — metatítulos, descripciones, etiquetas OG, datos estructurados y configuración del sitemap — y los migramos a tu build de Astro. Para la Opción A, los datos de SEOmatic se consultan vía GraphQL. Para la Opción B con Payload, configuramos campos SEO equivalentes en cada colección y transferimos los datos de forma programática.
¿Cuánto más rápido será mi sitio tras migrar de Craft CMS a Astro?
La mayoría de los sitios Craft CMS obtienen entre 45 y 65 en Lighthouse móvil debido al renderizado en PHP y las consultas a la base de datos en cada petición. Tras la migración a Astro con salida estática en una CDN de edge, los sitios obtienen de forma consistente entre 95 y 100 con un TTFB inferior a 100 ms. Eso se traduce en Core Web Vitals notablemente mejores y mejores señales de posicionamiento en buscadores.
Ready to migrate?
Free assessment. We'll audit your current site and give you a clear migration plan — no commitment.
Let's build
something together.
Whether it's a migration, a new build, or an SEO challenge — the Social Animal team would love to hear from you.