Creación de su primer SPA de React en AEM overview

[Para publicar desde AEM Sites usando Edge Delivery Services, haga clic aquí.]{class="badge positive" title="Publicar desde AEM en Edge Delivery Services"}

Bienvenido a un tutorial en varias partes diseñado para desarrolladores que se inician en la función Editor SPA de Adobe Experience Manager (AEM). Este tutorial explica la implementación de una aplicación de React para una marca ficticia de estilo de vida, WKND. La aplicación React se ha desarrollado y diseñado para implementarse con el Editor de SPA de AEM, que asigna los componentes React a los componentes de AEM. La SPA completada, implementada en AEM, se puede crear dinámicamente con las herramientas tradicionales de edición en línea de AEM.

Implementación de SPA de WKND

Acerca de

El tutorial está concebido para funcionar con AEM as a Cloud Service, compatible con AEM 6.5.4+ y AEM 6.4.8+.

Último código

Todo el código del tutorial se encuentra en GitHub.

La base de código más reciente está disponible como paquetes descargables de AEM.

Requisitos previos

Antes de iniciar este tutorial, necesita lo siguiente:

Aunque no es necesario, es beneficioso tener una comprensión básica del desarrollo de componentes tradicionales de AEM Sites.

Entorno de desarrollo local local-dev-environment

Se necesita un entorno de desarrollo local para completar este tutorial. Las capturas de pantalla y los vídeos se capturan con el SDK de AEM as a Cloud Service, que se ejecuta en el entorno del SO de Mac con Visual Studio Code como IDE. Los comandos y el código deben ser independientes del sistema operativo local, a menos que se indique lo contrario.

Software necesario

Siguientes pasos next-steps

Inicie ya el tutorial en el capítulo Creación de proyectos para generar un proyecto habilitado con el editor de SPA mediante el arquetipo de proyecto de AEM.