- Published on
Creando un sitio Headless SXA en XM Cloud utilizando una plantilla base
- Authors
- Name
- Francisco Caicedo Narvaez
- @_Francisco_CN
Me gustaría compartir mi experiencia al crear un sitio Headless SXA utilizando la aplicación de XM Cloud deploy y una plantilla base. Describiré paso a paso el proceso de creación del proyecto, la configuración del entorno y finalizaré integrando el repositorio generado en tu computador.
Crear el projecto en XM Cloud
Ingresa en el portal de XM Cloud https://portal.sitecorecloud.io. Ten en cuenta que necesitas pertenecer a la organización, es decir, debes tener una suscripción activa.
Navega hacia la app de XM Cloud Deploy.

Empezaremos creando el proyecto haciendo click en el botón "Create project". Para esta ocasión escogemos "Start from XM Cloud starter foundation" de las dos opciones disponibles.
Esta opción proporcionará todos los recursos y artefactos necesarios para crear un proyecto en XM Cloud.

Selecciona la plantilla base. En el momento en que escribo este post, solo hay una plantilla disponible XM Cloud Foundation.

Asigna un nombre para tu proyecto.

Selecciona tu proveedor de repositorios. En el momento en que escribo este post, únicamente GitHub está disponible usando la UI.
Hay otras formas de crear un proyecto en XM Cloud usando Sitecore CLI si optas por no usar GitHub.

Enseguida, creamos o seleccionamos una conexión en GitHub. Mas detalles acerca de la creación de una nueva conexión se encuentra en la página oficial de Sitecore documentation.

Nombra el repositorio que será creado en tu cuenta individual / organización vinculada de GitHub. Mas información acerca del repositorio que será clonado durante este proceso se encuentra aquí.

Por último, vamos a agregar el entorno. Procedemos asignando un nombre a nuestro entorno.
Al seleccionar Yes en la opción Trigger deployment on commit branch, la publicacion de la aplicación empezara inmediatamente después de hacer el commit en la branch main.

Una vez finalizamos con la configuración del proyecto, la publicación de la aplicación dará comienzo.

Cunado la publicación finalice, tendremos disponible una instancia CM vacía.

Haciendo click en el botón Go to XM Cloud mostrado en el paso anterior nos llevara a la XM Cloud Launchpad.

Agrega el sitio web a tu proyecto
Continuando después de haber creado el proyecto, navega a la pestaña de Sites y has click en el botón Create website.

En este paso, decidí escoger la opción de Empty Site entre las plantillas disponibles para indagar acerca de los archivos necesarios que se necesita para construir un nuevo sitio web.

Asigna un name y un site identifier a tu sitio web (el ultimo es opcional para conectarse con CDP & Personalization, se puede agregar después)

- Después de hacer click en el botón Create website, el nuevo sitio web vacío está listo para empezar a trabajar en él.

- Haz click en la silueta con el nombre del sitio web para navegar hacia Pages. Esta aplicación es una nueva UI WYSIWYG que te permite añadir contenido sin necesidad de desarrollar código.

Volviendo a la XM Cloud Launchpad, haz click en la pestaña de Tools y después haz click en Content Editor.

Aquí encontraras tu sitio web headless SXA en el árbol de contenido.

Descarga el repositorio de GitHub a tu computador
- Finalmente, podemos descargar el repositorio de GitHub a nuestro computador para empezar a programar. Dirígete a tu cuenta / organización de GitHub, ahí encontraras el nuevo repositorio con el nombre asignado durante la configuración del proyecto en XM Cloud.

Clona el repositorio en tu computador usando tu herramienta preferida.

Tu sitio web se ejecutará en contenedores usando Docker. Los scripts para descargar las imágenes de Sitecore y para la creacion de los contenedores hacen parte del repositorio.
Eso es todo para este post. Espero que tengas una idea de lo que implica crear un proyecto en XM Cloud usando la plantilla base disponible y obteniendo el código base en tu computador para comenzar a programar en tu nuevo sitio web.