Présentation du thème adaptiveX pour Astro

Après des mois de développement, nous sommes ravis d’annoncer la sortie d’adaptiveX – un thème de qualité production, entièrement typé et prêt pour l’international, conçu pour Astro. Construit selon les meilleures pratiques à chaque niveau, adaptiveX vous permet de créer des sites web rapides, accessibles et magnifiques en toute simplicité.

Pourquoi adaptiveX ?

Le web est diversifié – votre public parle différentes langues, utilise différents appareils et peut avoir des besoins d’accessibilité. adaptiveX est né du besoin d’un thème qui s’adapte parfaitement à toutes ces exigences sans sacrifier la performance ou l’expérience développeur.

Fonctionnalités clés

• 🌍 Internationalisation (i18n) en premier
  Avec une prise en charge intégrée de cinq langues (anglais, espagnol, français, portugais, chinois) et un système de traduction flexible, votre contenu atteint un public mondial. Le thème exploite le routage basé sur les fichiers d’Astro pour les locales, donc ajouter une nouvelle langue est aussi simple que de créer un dossier.

• ♿ Accessibilité par défaut
  Chaque composant est construit dans le respect des normes WCAG 2.1 AA. Le HTML sémantique, les étiquettes ARIA appropriées, la navigation au clavier et le respect de prefers-reduced-motion sont intégrés. Nous croyons que l’accessibilité n’est pas une réflexion après coup.

• 🎨 Thèmes et mode sombre
  Propulsé par des propriétés CSS personnalisées, adaptiveX vous permet de basculer entre les modes clair et sombre sans effort. Le thème comprend une palette de couleurs complète et une échelle d’espacement, ce qui facilite la personnalisation de l’apparence pour correspondre à votre marque.

• 📦 Architecture modulaire des composants
  Des primitives d’interface utilisateur atomiques (boutons, badges, avatars) aux composites complexes (métadonnées d’article, tables des matières, boutons de partage), tout est construit pour être réutilisable et composable. Le composant ArticleMeta, par exemple, peut être configuré pour afficher exactement les métadonnées dont vous avez besoin – dates, auteur, catégorie, tags, temps de lecture – dans n’importe quel ordre.

• ⚡ Performances optimisées
  Le thème est statique par défaut, sans JavaScript côté client par défaut. Les îlots interactifs (comme le menu mobile ou les toggles de thème) sont hydratés uniquement lorsque nécessaire. Les images sont optimisées grâce aux actifs intégrés d’Astro, et la table des matières est générée au moment de la construction.

Pour commencer

Pour commencer à utiliser adaptiveX, clonez simplement le dépôt et exécutez npm install. Le thème est livré avec un exemple de contenu pour un site de marque personnelle, comprenant une page d’accueil, un blog et des documents juridiques. Vous pouvez tout personnaliser à partir des fichiers de configuration centraux (src/config/).

---
// Exemple : Utilisation du composant ArticleMeta
import ArticleMeta from '@components/shared/article-meta/index.astro';
---

<ArticleMeta
  items={['published', 'updated', 'author', 'category', 'tags']}
  published={frontmatter.publishDate}
  publishedLabel="Publié le :"
  author={authorInfo}
  category={frontmatter.category}
  tags={frontmatter.tags}
  locale={locale}
/>

Et ensuite ?

Nous travaillons déjà sur des fonctionnalités supplémentaires : une table des matières pliable, plus d’options de partage social et une intégration avec des CMS headless. Le thème est open source et les contributions sont les bienvenues !

Restez à l’écoute pour plus de mises à jour et bonne construction avec adaptiveX !