Comment créer un blog ultra-rapide avec Astro et Markdown (Sans JavaScript)

La vitesse d’un site web est son premier argument de vente. En 2026, un utilisateur n’attend pas plus de 2 secondes qu’une page se charge. Si vous voulez construire un jardin numérique ou une vitrine professionnelle, la combinaison Astro + Markdown est ce qui se fait de mieux.

C’est cette architecture que nous avons choisie pour Elqui. Voici comment reproduire ce résultat chez vous.

1. Pourquoi ce combo ?

• Astro : C’est le moteur. Il génère du HTML statique par défaut.
• Markdown : C’est le carburant. C’est un format simple, universel et pérenne pour vos textes, fidèle à la philosophie Local-First.
• Vitesse brute : Pas de base de données à interroger, pas de JavaScript lourd à charger.

2. Initialiser votre projet

Ouvrez votre terminal (avec vos extensions VS Code préférées) et lancez :

npx create-astro@latest

Choisissez l’option “Empty project” pour garder un contrôle total sur votre code.

3. Utiliser les Content Collections

C’est la fonctionnalité “tueuse” d’Astro. Elle permet de structurer vos articles et de vérifier que vos fichiers Markdown respectent bien un schéma précis (titre, date, tags, etc.).

Configurez votre schéma dans src/content/config.ts pour garantir que chaque article, comme celui sur les alternatives à Notion, possède les métadonnées nécessaires au SEO.

4. Un Design Minimaliste avec Tailwind CSS

Pour le style, nous recommandons Tailwind CSS. Il permet de garder vos fichiers CSS légers en ne générant que le code que vous utilisez réellement. Un design épuré n’est pas seulement esthétique, il est fonctionnel : il facilite la lecture et réduit le poids total de la page.

5. Zéro JavaScript côté client

Le secret pour un score de 100 sur Lighthouse est de ne pas envoyer de script inutile. Si vous avez besoin d’un menu mobile ou d’un mode sombre, essayez de le coder en CSS pur ou avec un minimum de JS vanille. Évitez les bibliothèques lourdes pour des fonctionnalités triviales.

6. Optimisation des images

Utilisez le composant <Image /> natif d’Astro. Il compresse et convertit automatiquement vos images au format WebP ou Avif, réduisant leur poids de 80% sans perte de qualité visible. C’est essentiel si vous hébergez votre blog sur un serveur domestique avec une bande passante limitée.

Conclusion

Créer un blog avec Astro et Markdown, c’est choisir la durabilité et la performance. Vous construisez un outil qui résistera au temps, facile à maintenir et agréable à lire.

Vous avez maintenant toutes les clés pour bâtir votre propre empire numérique. De l’organisation avec la méthode PARA à la sécurisation de vos IA, votre voyage vers une technologie plus humaine et plus rapide commence ici.

Bon code !