Archétype de projet AEM aem-project-archetype
L’archétype de projet AEM est un modèle Maven qui crée un projet Adobe Experience Manager (AEM) minimal qui s’appuie sur des bonnes pratiques pour démarrer votre site web. Cette documentation présente une vue d’ensemble des avantages de l’archétype et de l’utilisation générale. Vous trouverez des instructions techniques détaillées et de la documentation dans le référentiel GitHub de l’archétype.
Pourquoi utiliser l’archétype why-use-the-archetype
L’utilisation de l’archétype de projet AEM vous permet de vous orienter vers la création d’un projet AEM basé sur des bonnes pratiques, et ce, en un tour de main. Avec l’archétype, toutes les pièces sont déjà en place afin que, même avec un résultat de projet très simple, celui-ci implémente déjà toutes les fonctionnalités clés d’AEM. Tout ce que vous aurez alors à faire est de vous appuyer sur ce projet de base et de le développer.
De nombreux éléments entrent bien sûr en compte dans la réussite d’un projet AEM, mais l’utilisation de l’archétype de projet AEM constitue une base solide et est vivement recommandée pour la création de tout projet AEM.
Fonctions features
- Bonne pratique : démarrez votre site en suivant toutes les dernières pratiques recommandées par Adobe.
- Peu de code requis : modifiez vos modèles, créez du contenu, déployez votre feuille de style CSS et votre site est prêt à être publié.
- Prêt pour le cloud : si vous le souhaitez, utilisez AEM as a Cloud Service pour publier votre site en quelques jours seulement, ainsi que pour faciliter l’évolutivité et la maintenance.
- Dispatcher : un projet ne sera complet qu’avec une configuration du Dispatcher qui assure vitesse et sécurité.
- Multi-site : si nécessaire, l’archétype génère la structure de contenu pour une configuration multilingue et multi-région.
- Composants principaux : les auteurs peuvent créer pratiquement n’importe quelle disposition grâce à notre ensemble polyvalent de composants standardisés.
- Modèles modifiables : assemblez pratiquement n’importe quel modèle sans code et définissez ce que les auteurs sont autorisés à modifier.
- Disposition en responsive design : sur les modèles ou les pages individuelles, définissez la manière dont les éléments se redistribuent pour les points d’arrêt définis.
- En-tête et pied de page : assemblez-les et localisez-les sans code, à l’aide des fonctionnalités de localisation des composants.
- Système de style : évitez de devoir créer des composants personnalisés en permettant aux auteurs de leur appliquer différents styles.
- Création front-end : les développeurs et développeuses front-end peuvent concevoir des maquettes de pages AEM et créer des bibliothèques clientes avec Webpack, TypeScript et SASS.
- Prêt pour WebApp : pour les sites qui utilisent React ou Angular, utilisez le SDK SPA afin de conserver la création en contexte au sein de l’application.
- Compatible Commerce : pour les projets qui souhaitent intégrer AEM Commerce à des solutions commerciales comme Magento à l’aide des composants principaux Commerce.
- Exemple de code : vous pouvez extraire le composant HelloWorld, ainsi que les exemples de modèles, servlets, filtres et planificateurs.
- Open source : si quelque chose ne va pas, contribuez en apportant vos améliorations.
Informations complémentaires further-reading
-
GitHub de l’archétype de projet AEM : pour une utilisation complète et des détails techniques de l’archétype.
-
Utilisation de l’archétype : présentation de l’utilisation de l’archétype dans votre projet et des modules générés.
-
Développement front-end avec l’archétype de projet AEM : utilisation du module front-end de l’archétype
-
Les tutoriels suivants sont basés sur cet archétype :
- Site WKND : apprenez à créer un site web attrayant.
- Application d’une seule page WKND : découvrez comment concevoir une application web React ou Angular offrant des fonctions de création complètes dans AEM.