Astro : zéro JavaScript par défaut
Astro génère des sites statiques ultra-rapides en envoyant uniquement du HTML. Le JavaScript n’est chargé que là où c’est nécessaire (Islands Architecture). Chez Eve Media, Astro est notre choix pour les sites content-first.
Le problème que résout Astro
Les frameworks SPA envoient des bundles JS massifs même pour des pages statiques. Un blog n’a pas besoin de React runtime pour afficher du texte. Astro génère du HTML pur, le JavaScript est opt-in.
Islands Architecture
Les composants interactifs sont des « îles » dans un océan de HTML statique. Un carousel ou un formulaire peut être une île hydratée. Le reste de la page reste du HTML pur sans JS.
Multi-framework
Astro supporte React, Vue, Svelte, Solid, Preact dans le même projet. Utilisez le framework que vous préférez pour vos îles. Migrez progressivement sans réécrire.
Composants Astro
Les fichiers .astro ont une syntaxe simple : frontmatter JavaScript, puis template HTML. Le CSS scoped est intégré. C’est familier si vous connaissez JSX ou HTML.
Collections de contenu
Astro excelle pour le contenu : Markdown, MDX avec frontmatter typé. Les Content Collections valident le contenu avec des schemas Zod. Parfait pour blogs, docs, portfolios.
Hydratation contrôlée
client:load hydrate immédiatement. client:idle quand le browser est idle. client:visible quand le composant entre dans le viewport. Le contrôle fin de l’hydratation optimise la performance.
Performances
Les sites Astro scorent 100/100 sur Lighthouse. Zéro JS signifie chargement instantané. Les Core Web Vitals sont excellents par défaut. La performance n’est pas un effort, c’est le défaut.
SSR et hybride
Astro peut aussi faire du SSR pour les pages dynamiques. Le mode hybride mélange pages statiques et dynamiques. Adaptateurs pour Vercel, Netlify, Cloudflare, Node.
View Transitions
Astro intègre les View Transitions API pour des navigations fluides. Des transitions de page comme une SPA, mais sans le JavaScript d’une SPA.
Quand utiliser Astro
Sites de contenu : blogs, documentation, marketing sites. Portfolios et sites vitrines. Tout site où le contenu prime sur l’interactivité. Pour les apps très interactives, un framework SPA reste pertinent.
Conclusion
Astro représente un retour à l’essentiel du web : HTML d’abord, JS quand c’est nécessaire. C’est la réponse aux sites sur-engineerés qui n’avaient pas besoin de tant de complexité.
Chez Eve Media, nous développons avec Astro. Contactez-nous pour des sites ultra-performants.
