Astro

Comment fonctionne Astro ?

Astro genere du HTML statique au moment du build par defaut (SSG). Chaque page est pre-rendue en HTML pur, sans JavaScript cote client. Cela produit des pages qui se chargent quasi instantanement et obtiennent d'excellents scores sur les Core Web Vitals de Google.

L'architecture Islands est la grande innovation d'Astro. Les composants interactifs (un menu mobile, un formulaire, un carrousel) sont isoles en "iles" independantes qui s'hydratent individuellement. Le reste de la page reste du HTML statique. Les directives client:load, client:visible et client:idle controlent precisement quand chaque ile est hydratee.

Astro est agnostique au framework UI. Il supporte nativement React, Vue, Svelte, SolidJS et meme plusieurs frameworks dans le meme projet. Les Content Collections offrent un systeme type pour gerer le contenu Markdown et MDX avec validation de schema.

Pourquoi choisir Astro ?

• -- Performances exceptionnelles : zero JavaScript par defaut, pages HTML statiques
• -- SEO optimal grace au rendu statique et aux Core Web Vitals parfaits
• -- Architecture Islands : interactivite la ou c'est necessaire, HTML statique partout ailleurs
• -- Compatible avec React, Vue, Svelte et d'autres frameworks UI
• -- Content Collections pour gerer le contenu avec typage et validation
• -- Ideal pour les sites vitrines, blogs, portfolios et documentations

Astro en pratique

Ce portfolio est construit avec Astro, utilisant des composants React pour les parties interactives et Tailwind CSS pour le style. L'approche Jamstack avec deploiement sur Vercel offre des temps de chargement ultra-rapides et un SEO naturellement performant.

Astro est mon choix privilegie pour les sites vitrines et les sites centres sur le contenu. Pour les applications web avec beaucoup d'interactivite, Next.js reste plus adapte grace a ses capacites de SSR et de gestion d'etat avancee.