Pourquoi j'ai choisi Astro pour mon portfolio
Le besoin
En tant qu’ingénieur, je cherchais un framework qui me permettrait de créer un portfolio performant sans sacrifier la maintenabilité. Les solutions traditionnelles comme React ou Vue ajoutent une complexité et un poids JavaScript souvent inutiles pour un site essentiellement statique.
Pourquoi Astro ?
Astro se distingue par son approche “zero JavaScript by default”. Le HTML est généré à la compilation, et le JavaScript n’est envoyé au client que lorsqu’il est explicitement nécessaire — via le concept d’islands architecture.
Les avantages concrets
- Performance exceptionnelle : Score Lighthouse proche de 100 sans effort d’optimisation.
- Content Collections : Gestion typée du contenu Markdown avec validation Zod intégrée.
- Flexibilité des composants : Possibilité d’utiliser Svelte, React ou Vue uniquement là où l’interactivité est requise.
- SSG natif : Génération statique idéale pour un déploiement sur un simple serveur Nginx.
L’architecture choisie
Pour ce portfolio, seuls deux composants nécessitent du JavaScript côté client :
- Le toggle de thème sombre/clair (Svelte)
- Le formulaire de contact avec validation en temps réel (Svelte)
Tout le reste — navigation, timeline, grilles de projets — est du HTML pur généré à la compilation.
Résultat
Le site final pèse moins de 5 kB de JavaScript, se charge en moins d’une seconde, et offre une expérience utilisateur fluide grâce aux View Transitions d’Astro.
Astro est un excellent choix pour tout développeur qui souhaite un site rapide, maintenable et moderne sans la complexité d’un SPA complet.