Le composable system Waimia fonctionne.
Cette page n'utilise aucun template monolithique. Elle est composée d'un array de sections data-driven validées Zod et rendues par SectionsRenderer.
Comment composer une page Waimia
Quatre étapes simples pour orchestrer une page sans toucher au code frontend.
- 01Décrire en MDX
Le frontmatter MDX contient un array `sections: []` avec les types et props de chaque bloc.
- 02Zod valide au build
Le discriminator `type` garantit que chaque section a les bons champs. Pas d'erreur runtime.
- 03Le renderer mappe
SectionsRenderer.astro itère sur sections[] et appelle le composant via SECTION_REGISTRY.
- 04Le HTML est rendu
Chaque section component injecte son CSS scoped Astro. Zéro duplication, réutilisation maximale.
Pourquoi le composable
- Réutilisation maximale
Un FAQ accordion utilisé sur une LP est le même que sur une page offre. Zéro duplication.
- A/B testing trivial
Un champ `sections_variant_b` dans le MDX et un cookie suffisent pour servir 2 versions.
- Génération IA
Claude peut produire un JSON `sections[]` valide Zod. Pages générées en quelques secondes.
- Personnalisation
Servir des sections différentes selon persona, secteur, étape de funnel — sans rebuild.
Migrer une vraie page ?
Cette page test prouve que le système fonctionne. Maintenant on peut migrer les 18 templates monolithiques vers des `sections[]` array.