AEM-Projektarchetyp aem-project-archetype
Der AEM-Projektarchetyp ist eine Maven-Vorlage, anhand derer ein minimales, auf Best Practices basierendes Adobe Experience Manager(AEM)-Projekt als Ausgangspunkt für Ihre Website erstellt wird. Diese Dokumentation bietet einen Überblick über die Vorteile des Archetyps und die allgemeine Verwendung. Ausführliche technische Anweisungen und Dokumentation finden Sie im GitHub-Repository für Archetypen.
Gründe für die Verwendung des Archetyps why-use-the-archetype
Mithilfe des AEM-Projektarchetyps können Sie auf dem Weg zum Aufbau eines AEM-Projekts mit bewährten Verfahren und nur wenigen Tastenanschlägen beginnen. Durch Verwendung des Archetyps werden alle Teile bereits vorhanden sein, sodass das resultierende Projekt minimal ist, es jedoch bereits alle Schlüsselfunktionen von AEM implementiert, sodass Sie nur auf dem Aufbau aufbauen und erweitern müssen.
Natürlich gibt es viele Elemente, die mit einem erfolgreichem AEM-Projekt einhergehen, aber die Verwendung des AEM-Projektarchetyps ist eine solide Grundlage und wird dringend für jedes AEM-Projekt empfohlen.
Funktionen features
- Best Practice: Laden Sie Ihre Website mit den neuesten empfohlenen Verfahren von Adobe.
- Wenig Code: Bearbeiten Sie Ihre Vorlagen, erstellen Sie Inhalte, stellen Sie Ihre CSS bereit und Ihre Website kann live geschaltet werden.
- Cloud-fähig: Falls gewünscht, verwenden Sie AEM as a Cloud Service, um in wenigen Tagen live zu gehen und Skalierbarkeit und Wartung zu erleichtern.
- Dispatcher: Ein Projekt ist nur mit einer Dispatcher-Konfiguration, die Geschwindigkeit und Sicherheit gewährleistet, abgeschlossen.
- Mehrere Websites: Bei Bedarf generiert der Archetyp die Inhaltsstruktur für eine Konfigurationen mit mehreren Sprachen und Regionen.
- Kernkomponenten: Autoren können mit unserem vielseitigen Satz standardisierter Komponenten nahezu jedes Layout erstellen.
- Bearbeitbare Vorlagen: Stellen Sie praktisch jede Vorlage ohne Code zusammen und legen Sie fest, was die Autoren bearbeiten dürfen.
- Responsives Layout: Definieren Sie auf Vorlagen oder einzelnen Seiten, wie die Elemente die definierten Breakpoints umfließen.
- Kopf- und Fußzeile: Stellen Sie sie mithilfe der Lokalisierungsfunktionen der Komponenten ohne Code zusammen und lokalisieren Sie sie.
- Stilsystem: Vermeiden Sie das Erstellen benutzerdefinierter Komponenten, indem Autoren verschiedene Stile anwenden können.
- Frontend-Build: Mit Webpack, TypeScript und SASS können Frontend-Entwickelnde AEM-Seiten modellieren und Client-Bibliotheken erstellen.
- Web-App-fähig: Verwenden Sie für Websites, die React oder Angular verwenden, das SPA SDK, um die kontextbezogene Inhaltserstellung der App beizubehalten.
- Commerce aktiviert: Für Projekte, die AEM Commerce mithilfe der Commerce-Kernkomponenten mit Commerce-Lösungen wie Magento integrieren möchten.
- Beispiel-Code: Sehen Sie sich die Komponente „HelloWorld“ und die Beispielmodelle, -Servlets, -filter und -planungen an.
- Open Source: Wenn etwas nicht so ist, wie es sein sollte, bringen Sie Ihre Verbesserungen ein!
Weiterführende Literatur further-reading
-
AEM-Projektarchetyp GitHub: Vollständige Nutzung und technische Details des Archetyps
-
Verwenden des Archetyps: Einen Überblick über die Verwendung des Archetyps in Ihrem Projekt und der daraus resultierenden Module
-
Frontend-Entwicklung mit dem AEM-Projektarchetyp: Verwendung des Frontend-Moduls des Archetyps
-
Die folgenden Tutorials basieren auf diesem Archetyp:
- WKND-Site: Erfahren Sie, wie Sie eine neue Website beginnen.
- WKND Single Page App: Erfahren Sie, wie Sie eine Web-App für React oder Angular erstellen, die vollständig in AEM erstellt werden kann.