Migrar de Eleventy a Astro | Servicio de Migración
Tu sitio Eleventy funciona — hasta que necesitas componentes, tipos o escala
Why leave Eleventy (11ty)?
- Community plateaued while Astro's Discord hit 25,000 active developers
- Nunjucks templates break when your team tries to pass typed props
- Framework components require custom shortcodes and brittle passthrough
- Data cascade complexity spirals once you exceed 200 pages
- TypeScript support stops at config files — templates stay untyped
- Plugin ecosystem stalled with 90% of packages unmaintained since 2023
What you gain
- Component boundaries with full TypeScript inference across props and slots
- Islands architecture drops React calendar into static pages without hydrating the rest
- Content Collections enforce Zod schemas on every Markdown file at build time
- Astro's community ships 40+ official integrations maintained by core team
- Image optimization, sitemap, RSS built-in — no hunting for working plugins
- Zero-JS output preserved by default while opt-in hydration stays scoped per component
Eleventy a Astro: una alineación filosófica
Eleventy (11ty) y Astro son espíritus afines. Ambos defaultean a cero JavaScript en la salida. Ambos priorizan el contenido. Ambos te permiten traer tu propio lenguaje de plantillas. La diferencia es que Astro añade una arquitectura de componentes, soporte TypeScript, integraciones de frameworks (React, Vue, Svelte), y un ecosistema en rápido crecimiento que la comunidad más pequeña de Eleventy no puede igualar.
Qué hace que la migración sea fluida
Eleventy usa plantillas Nunjucks, Liquid o Markdown. Los componentes Astro son HTML-first con una sección de script para la lógica. El mapeo conceptual es directo: las plantillas Eleventy se convierten en componentes Astro, los archivos de datos Eleventy se convierten en colecciones de contenido, los filtros Eleventy se convierten en funciones de utilidad. Tu contenido Markdown se migra sin cambios.
La ventaja del ecosistema
Astro tiene integraciones oficiales para Tailwind, MDX, sitemaps, RSS, optimización de imágenes, y muchas más. El ecosistema npm está completamente disponible. Los componentes React, Vue y Svelte funcionan dentro de páginas Astro a través de islands. Este acceso al ecosistema es la razón principal por la que los usuarios de Eleventy migran — la filosofía es la misma, pero las herramientas son más ricas.
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.
Eleventy (11ty) vs Astro
| Metric | Eleventy (11ty) | Astro |
|---|---|---|
| JavaScript shipped | Zero by default | Zero by default |
| Component system | Partials/includes | Full component architecture |
| TypeScript | Limited | First-class |
| Framework components | Not supported | React, Vue, Svelte via islands |
| Content typing | Untyped data cascade | Typed content collections |
| Community size | Smaller | Larger and growing |
Common questions
¿Por qué dejar Eleventy si también entrega cero JavaScript?
Eleventy y Astro comparten la filosofía cero-JS. Las razones para migrar son el acceso al ecosistema (paquetes npm, componentes de frameworks), soporte TypeScript, colecciones de contenido con seguridad de tipos, y una comunidad más grande. Si Eleventy cubre perfectamente tus necesidades, no hay urgencia en migrar.
¿Qué tan similares son Eleventy y Astro?
Muy similares en filosofía. Ambos defaultean a cero JavaScript, ambos son content-first, ambos soportan Markdown. Las diferencias clave son la arquitectura de componentes de Astro, soporte TypeScript, y la capacidad de incluir componentes React/Vue/Svelte a través de islands.
¿Se convertirán mis plantillas Nunjucks a Astro?
Las plantillas Nunjucks se convierten en componentes Astro. La sintaxis es diferente pero los conceptos mapean directamente: Nunjucks extends se convierte en layouts Astro, Nunjucks include se convierte en imports de componentes, Nunjucks macros se convierten en componentes Astro con props. Yo manejo la conversión como parte de la migración.
¿Puedo mantener mi contenido Markdown?
Sí. Tus archivos Markdown se migran directamente a las colecciones de contenido de Astro. El front matter se mapea a esquemas tipados. El contenido se renderiza a través del pipeline Markdown de Astro. No se necesitan cambios de contenido.
¿Qué pasa con la cascada de datos de Eleventy?
La cascada de datos de Eleventy (datos globales, datos de directorio, datos de plantilla) se reemplaza con colecciones de contenido de Astro y props de componentes. El enfoque es diferente pero logra el mismo resultado. Las colecciones de contenido añaden seguridad de tipos que la cascada de datos de Eleventy no proporciona.
¿Cuánto tiempo tarda una migración de Eleventy a Astro?
Un sitio con 10-30 páginas toma 2-3 semanas. Un blog con 100+ posts toma 3-4 semanas. La migración es una de las migraciones SSG más fluidas debido a la alineación filosófica entre las dos herramientas.
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.