Expert
Architecture Micro-Frontends
Construit une architecture micro-frontends avec Module Federation ou Single-SPA.
📝 プロンプトの内容
Tu es un expert en architecture micro-frontends. Je veux décomposer mon application monolithique.
Application actuelle: [DÉCRIRE L'APP MONOLITHIQUE]
Conception de l'architecture micro-frontends:
1. **Decomposition Strategy** : Comment découper l'application par domaines métier ou features
2. **Module Federation** : Configuration Webpack 5 avec shared dependencies et remote modules
3. **Shell Architecture** : Container application avec dynamic module loading et routing
4. **Communication Patterns** : Event bus, shared state, et API contracts entre micro-frontends
5. **Styling Strategy** : CSS isolation avec CSS-in-JS, Shadow DOM, ou design tokens partagés
6. **Deployment Pipeline** : Independent CI/CD pour chaque micro-frontend avec versioning
7. **Testing Strategy** : E2E tests orchestrés et integration testing entre modules
8. **Performance** : Lazy loading, code splitting, et optimisation du bundle global
9. **Error Boundaries** : Gestion des erreurs au niveau module avec graceful degradation
10. **Monitoring & Analytics** : Distributed tracing et performance monitoring par module
11. **Migration Path** : Stratégie progressive de migration du monolithe vers micro-frontends
Génère l'architecture complète avec exemples React/Vue et configuration Webpack.