Astro est rapidement devenu l’un des générateurs de sites statiques les plus populaires, et pour cause. Son architecture en îlots offre des performances exceptionnelles en n’expédiant aucun JavaScript par défaut, tout en permettant d’ajouter de l’interactivité là où c’est nécessaire.
Configuration de votre premier projet
Démarrer avec Astro est simple. Ouvrez votre terminal et exécutez la commande de création :
npm create astro@latestL’assistant de configuration vous guidera dans le choix d’un modèle, l’installation des dépendances et la configuration de TypeScript. Pour la plupart des projets, le modèle « Blog » offre un excellent point de départ avec les collections de contenu déjà configurées.
Comprendre les composants Astro
Les composants Astro utilisent l’extension .astro et combinent une syntaxe de type HTML avec une section de script frontmatter. Contrairement aux composants React ou Vue, les composants Astro sont rendus en HTML statique au moment de la construction, sauf si vous optez explicitement pour l’hydratation côté client.
Collections de contenu
L’une des fonctionnalités remarquables d’Astro est les collections de contenu. Elles fournissent un accès typé à votre contenu Markdown et MDX avec validation de schéma. Définissez votre structure de contenu une fois, et Astro s’assurera que chaque élément de contenu est conforme à votre schéma.
Déploiement
Astro prend en charge plusieurs cibles de déploiement prêtes à l’emploi. Que vous déployiez sur Vercel, Netlify, Cloudflare Pages ou un serveur traditionnel, le système d’adaptateurs le rend transparent.
Commencez à construire avec Astro dès aujourd’hui et découvrez la différence qu’un framework véritablement moderne peut faire.