Los frontend son la capa de presentación para el usuario, ya que definen la experiencia en la plataforma y son decisivos a la hora de determinar si la compra se llega a finalizar. Para que un negocio digital siga siendo relevante y competitivo, esta capa debe ofrecer elementos como una gran experiencia de usuario (en escritorio y móvil), capacidad de omnichannel, experiencia de compra personalizada y un excelente rendimiento web.

Para lograr estos objetivos, VTEX ofrece diferentes tecnologías para el desarrollo del frontend de la tienda. Cuál es la tecnología más recomendable depende de lo que se desea lograr.

Store Framework surge de la idea de componibilidad, ya que permite combinar diferentes contenidos, servicios y datos. Además de integraciones y orquestación de API, VTEX ofrece las herramientas adecuadas para satisfacer las necesidades empresariales más específicas.

La ampliación de funcionalidades se produce a través de aplicaciones VTEX disponibles globalmente.

Store Framework es una solución para construir storefronts aprovechando VTEX IO. Esta solución permite utilizar la interfaz intuitiva de Site Editor y simplificar la gestión de contenido de la tienda.

Las tiendas creadas con Store Framework también tienen las siguientes funcionalidades:

• Intelligent Search: herramienta de búsqueda que corrige errores ortográficos y permite usar reglas condicionales para mostrar los resultados de búsqueda.
• Multiidiomas: es la posibilidad que VTEX IO proporciona para configurar la traducción automática de la tienda a otros idiomas.
• Transfronterizo: permite que una multitienda VTEX opere en diferentes países con un enfoque propio para cada uno de ellos.

Si bien Store Framework se centra en la componibilidad, FastStore se creó con el rendimiento en mente y se basa en la arquitectura Jamstack (que significa JavaScript, API y Markup). En los sitios web Jamstack, la lógica de la aplicación generalmente reside en el cliente sin estar estrechamente acoplada al servidor de backend.

La intención es utilizar la arquitectura Jamstack para entregar storefronts de forma más rápida, segura y confiable. También comprende varias herramientas y recursos diseñados para este propósito, incluyendo pipeline de WebOps y kits de desarrollo optimizados para rendimiento.

Esto permite que FastStore se integre con cualquier CMS y cualquier plataforma de desarrollo, aunque para beneficiarse de las garantías y soporte proporcionado por VTEX, es necesario tener FastStore, WebOps y Headless CMS.

Algunas funcionalidades no están disponibles, como las personalizaciones de Mi cuenta y la integración completa con las aplicaciones de VTEX IO e Intelligent Search.

CMS Portal es una tecnología heredada de VTEX que sirve para gestionar, principalmente, el código fuente del sitio web y, por lo tanto, es el módulo donde se encuentra el contenido que aparece en la tienda.

En CMS Legado, un concepto importante son los controles, que son snippets de código que renderizan datos nativos de VTEX. Los controles ayudan al administrador de la tienda a crear contenido e incluir herramientas en el sitio web de forma nativa utilizando lo que VTEX ya ofrece. Se utilizan CSS, HTML y JavaScript para la personalización, lo que permite crear layouts y templates.

Ya que CMS Legado utiliza tecnologías más antiguas, cuando hay que realizar algún cambio, se debe acceder a los códigos internamente y realizar las modificaciones en el campo Layout. Por eso, CMS es una tecnología más difícil de usar y mantener, lo que también dificulta el mantenimiento de un buen rendimiento a medida que se realizan más personalizaciones.