Skapa din första SPA i AEM overview

[Klicka här om du vill publicera från AEM Sites med Edge Delivery Services.]{class="badge positive" title="Publish från AEM till Edge Delivery Services"}

Välkommen till en självstudiekurs i flera delar som utformats för utvecklare som inte har använt funktionen SPA Editor i Adobe Experience Manager (AEM). Den här självstudiekursen går igenom implementeringen av en React-applikation för ett fiktivt livsstilsmärke, WKND. Appen React har utvecklats och utformats för att användas med AEM SPA Editor, som mappar React-komponenter till AEM. Den färdiga SPA, som används för AEM, kan redigeras dynamiskt med AEM traditionella textbundna redigeringsverktyg.

Slutlig SPA har implementerats

WKND-SPA

Om

Självstudiekursen är utformad för att fungera med AEM as a Cloud Service och är bakåtkompatibel med AEM 6.5.4+ och AEM 6.4.8+.

Senaste kod

All självstudiekod finns på GitHub.

Den senaste kodbasen är tillgänglig som hämtningsbara AEM.

Förutsättningar

Innan du startar den här självstudiekursen behöver du följande:

  • Grundläggande kunskaper i HTML, CSS och JavaScript
  • Grundläggande kunskap om Reaktion

Även om det inte krävs är det bra att ha en grundläggande förståelse för utveckling av traditionella AEM Sites-komponenter.

Lokal utvecklingsmiljö local-dev-environment

En lokal utvecklingsmiljö krävs för att slutföra den här självstudiekursen. Skärmbilder och video hämtas med AEM as a Cloud Service SDK som körs i en Mac OS-miljö med Visual Studio Code som IDE. Kommandon och kod ska vara oberoende av det lokala operativsystemet, om inget annat anges.

Nödvändig programvara

Nästa steg next-steps

Vad väntar du på?! Starta självstudiekursen genom att gå till kapitlet Skapa projekt och lär dig hur du skapar ett projekt som är aktiverat för SPA redigeringsprogram med hjälp av AEM Project Archetype.

recommendation-more-help
e25b6834-e87f-4ff3-ba56-4cd16cdfdec4