Migration d'Eleventy vers Astro | Service de Migration
Votre Site Eleventy Fonctionne — Jusqu'à ce que Vous Ayez Besoin de Composants, Types, ou Scalabilité
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 (11ty) et Astro sont des esprits similaires. Les deux par défaut produisent zéro JavaScript. Les deux privilégient le contenu. Les deux vous permettent d'apporter votre propre langage de template. La différence est qu'Astro ajoute une architecture de composants, le support TypeScript, les intégrations de frameworks (React, Vue, Svelte), et un écosystème en rapide croissance que la communauté plus petite d'Eleventy ne peut pas égaler.
Ce qui rend la migration fluide
Eleventy utilise les templates Nunjucks, Liquid, ou Markdown. Les composants Astro sont centrés sur HTML avec une section script pour la logique. Le mappage conceptuel est direct : les templates Eleventy deviennent des composants Astro, les fichiers de données Eleventy deviennent des collections de contenu, les filtres Eleventy deviennent des fonctions utilitaires. Votre contenu Markdown migre sans aucune modification.
L'avantage de l'écosystème
Astro dispose d'intégrations officielles pour Tailwind, MDX, sitemaps, RSS, optimisation d'images, et des dizaines d'autres. L'écosystème npm est entièrement disponible. Les composants React, Vue et Svelte fonctionnent à l'intérieur des pages Astro via les îles. Cet accès à l'écosystème est la raison principale pour laquelle les utilisateurs d'Eleventy migrent — la philosophie est la même, mais l'outillage est plus riche.
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
Pourquoi quitter Eleventy s'il produit aussi zéro JavaScript ?
Eleventy et Astro partagent la philosophie zéro-JS. Les raisons de migrer sont l'accès à l'écosystème (paquets npm, composants framework), le support TypeScript, les collections de contenu avec sécurité des types, et une plus grande communauté. Si Eleventy répond parfaitement à vos besoins, il n'y a pas d'urgence à migrer.
Quel est le degré de similitude entre Eleventy et Astro ?
Très similaires en philosophie. Les deux par défaut produisent zéro JavaScript, tous deux sont centrés sur le contenu, tous deux supportent Markdown. Les différences clés sont l'architecture de composants d'Astro, le support TypeScript, et la capacité d'inclure des composants React/Vue/Svelte via les îles.
Mes templates Nunjucks vont-ils se convertir en Astro ?
Les templates Nunjucks se convertissent en composants Astro. La syntaxe est différente mais les concepts se mappent directement : l'extension Nunjucks devient des layouts Astro, l'inclusion Nunjucks devient des imports de composants, les macros Nunjucks deviennent des composants Astro avec props. Je gère la conversion dans le cadre de la migration.
Je peux conserver mon contenu Markdown ?
Oui. Vos fichiers Markdown migrent directement dans les collections de contenu d'Astro. Le front matter se mappe aux schémas typés. Le contenu se rend via le pipeline Markdown d'Astro. Aucune modification de contenu n'est nécessaire.
Qu'en est-il de la cascade de données d'Eleventy ?
La cascade de données d'Eleventy (données globales, données de répertoire, données de template) est remplacée par les collections de contenu et les props de composants d'Astro. L'approche est différente mais atteint le même résultat. Les collections de contenu ajoutent la sécurité des types que la cascade de données d'Eleventy ne fournit pas.
Combien de temps dure une migration d'Eleventy vers Astro ?
Un site de 10-30 pages prend 2-3 semaines. Un blog avec 100+ articles prend 3-4 semaines. La migration est l'une des migrations SSG les plus fluides en raison de l'alignement philosophique entre les deux outils.
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.