Article · SaaS & dev
Stack recommandée en 2026 pour un blog Astro et MDX
Une architecture éditoriale versionnée pour publier régulièrement avec Astro, MDX et des collections validées.
Le besoin éditorial
Pour un blog dont les articles sont majoritairement écrits, la stack recommandée en 2026 est Astro avec content collections et MDX. Elle privilégie la lisibilité, la génération de pages et la validation du frontmatter. Elle ne prétend pas être le meilleur choix pour chaque équipe : un CMS ou Next.js peut être plus adapté à une rédaction collaborative ou à une application déjà existante.
Pour qui ?
Le profil idéal est une équipe qui accepte de versionner les textes avec Git, relit les changements par pull request et veut garder un contrôle précis sur les URLs. Pour plusieurs auteurs non techniques, prévoyez un CMS headless et un workflow d’aperçu.
Architecture
Une collection locale contient les MDX. Un schéma valide titre, description, date, auteur, tags et statut. Les pages d’index trient les entrées publiables et les pages dynamiques rendent chaque slug. Pagefind ou une recherche externe peut être ajouté si le volume le justifie.
Rôle des composants
- Astro : routage et rendu des pages.
- Content collections : chargement et validation structurée des contenus.
- MDX : Markdown enrichi par des composants explicitement autorisés.
- Git et CI : historique, revue et contrôle des liens.
- Hébergeur statique : distribution des fichiers générés.
Démarrage
npm create astro@latest mon-blog -- --template blog
cd mon-blog
npm run dev
L’intégration MDX officielle décrit le chargement de fichiers .mdx dans une collection et l’appel à render() (documentation Astro MDX). N’ajoutez pas de composant qui exécute du code arbitraire dans les contenus sans revue.
Sécurité éditoriale
Relisez les liens sortants, les composants MDX et les scripts tiers. Les tokens de publication restent hors du dépôt. Gérez les brouillons par statut et empêchez leur génération dans le sitemap. Sauvegardez le dépôt et testez la restauration.
Performance et SEO
Chaque article doit avoir une description, une URL stable, un titre hiérarchique, des liens internes et une date réellement justifiée. Optimisez les images et le flux de polices. Une page statique n’exonère ni de la qualité éditoriale ni de l’accessibilité.
Déploiement
La CI doit valider le schéma de contenu, les liens internes, les pages générées et le sitemap avant publication. Publiez une prévisualisation pour relire le rendu mobile et conservez l’artefact de la version précédente.
Limites et alternatives
Le versionnement peut ralentir une rédaction qui exige une interface métier. Next.js + MDX convient si le blog partage l’authentification ou les données d’une webapp. Un CMS headless simplifie l’édition mais ajoute un fournisseur, des permissions et une gestion de cache.
Checklist
- Schéma de frontmatter et statuts définis.
- Slugs, canonical, sitemap et RSS testés.
- Relecture des liens, images et composants MDX faite.
- Aperçu, CI et restauration documentés.
Boilerplate
Utilisez le formulaire blog Astro MDX pour demander un lien temporaire vers le pack MIT blog-astro-mdx. L’inscription à la newsletter est facultative et séparée.
Sources officielles et date
Vérifiées le 23 septembre 2026 : Astro MDX, Content collections, Astro routing.