Aller au contenu

Migration depuis Eleventy

Eleventy est un générateur de site statique open-source qui fonctionne avec plusieurs langages de template.

Principales similitudes entre Eleventy (11ty) et Astro

Titre de la section Principales similitudes entre Eleventy (11ty) et Astro

Eleventy (11ty) et Astro partagent certaines similitudes qui vous aideront à migrer votre projet :

  • Astro et Eleventy sont tous deux des constructeurs de sites modernes, basés sur JavaScript (Jamstack).

  • Astro et Eleventy vous permettent tous deux d’utiliser un CMS headless, des APIs ou des fichiers Markdown pour les données. Vous pouvez continuer à utiliser votre système préféré de création de contenu et conserver votre contenu existant.

Principales différences entre Eleventy (11ty) et Astro

Titre de la section Principales différences entre Eleventy (11ty) et Astro

Lorsque vous reconstruisez votre site Eleventy (11ty) dans Astro, vous remarquerez quelques différences importantes :

Pour convertir un blog Eleventy en Astro, commencez par notre modèle de démarrage de thème de blog, ou explorez d’autres thèmes de blog communautaires dans notre vitrine de thèmes.

Vous pouvez passer un argument --template à la commande create astro pour démarrer un nouveau projet Astro avec l’un de nos modèles de démarrage officiels. Vous pouvez aussi démarrer un nouveau projet à partir de n’importe quel dépôt Astro existant sur GitHub.

Fenêtre de terminal
npm create astro@latest -- --template blog

Apportez vos fichiers Markdown existants (ou MDX, avec notre intégration optionnelle) comme contenu pour créer des pages Markdown ou MDX.

Votre projet Eleventy vous a permis d’utiliser une variété de langages de templates pour construire votre site. Dans un projet Astro, la modélisation de vos pages sera principalement réalisée à l’aide de composants Astro, qui peuvent être utilisés comme éléments d’interface utilisateur, de mise en page et même de pages complètes. Vous pouvez explorer la syntaxe des composants Astro pour voir comment créer des modèles dans Astro en utilisant des composants.

Pour convertir d’autres types de sites, comme un portfolio ou un site de documentation, consultez d’autres modèles de départ officiels sur astro.new. Vous trouverez un lien vers le dépôt GitHub de chaque projet, ainsi que des liens en un clic pour ouvrir un projet fonctionnel dans les environnements de développement en ligne StackBlitz, CodeSandbox et Gitpod.

  • Ajoutez le vôtre !

Plus de guides sur les migrations

Contribuer

Comment pouvons-nous vous aider ?

Créer une issue GitHub

Le moyen le plus rapide d'alerter notre équipe d'un problème.

Communauté