Headless vs Plataformas de Comercio Electrónico Tradicionales: Presentando Commerce Layer

Rate this content
Bookmark

En esta charla relámpago, Fabrizio repasará los aspectos más destacados de Commerce Layer, comparando el enfoque headless con las plataformas de comercio electrónico tradicionales "monolíticas". Hablaremos sobre seguridad, rendimiento y escalabilidad.

FAQ

Commerce Layer es una plataforma de comercio Atlas y un sistema de gestión de pedidos que permite agregar capacidades de compra globales a cualquier tipo de experiencia de usuario, como sitios web, aplicaciones móviles o chatbots.

La principal característica de Commerce Layer es su API, que ofrece una amplia gama de puntos finales para gestionar diferentes aspectos de la experiencia de comercio, como precios, compras, carritos, inventario y pedidos.

Las plataformas monolíticas son menos flexibles y gestionan todas las características dentro de una sola aplicación, lo que dificulta cambios sin una replataforma completa. Commerce Layer, por su estructura modular, permite mayor flexibilidad y escalabilidad sin un único punto de fallo.

La modularidad permite intercambiar o escalar módulos específicos sin realizar una replataforma completa, ofrece mayor seguridad al evitar un único punto de fallo y facilita la integración omnicanal, lo que resulta en una plataforma más adaptable y futura.

Commerce Layer resuelve problemas de flexibilidad, velocidad, seguridad, adaptación móvil y costos que suelen presentarse en plataformas tradicionales monolíticas, gracias a su enfoque en arquitecturas modulares.

Commerce Layer se puede integrar con diversos servicios para crear una experiencia de comercio completa, incluyendo CMS sin fin, generadores de sitios estáticos, plataformas de implementación, servicios de cálculo de impuestos, pasarelas de pago y transportistas de envío.

Commerce Layer ofrece ventajas como la alta flexibilidad para cambios y escalabilidad de módulos, seguridad mejorada al no tener un único punto de fallo, y capacidad omnicanal, lo que la convierte en una solución competitiva y preparada para el futuro para el comercio en línea.

Fabrizio Picca
Fabrizio Picca
8 min
10 Jun, 2021

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Commerce Layer es una plataforma de comercio electrónico de Atlas que ofrece capacidades de compra globales. Ofrece una variedad de puntos finales para gestionar diversos aspectos del comercio electrónico. La arquitectura modular, como la utilizada por Commerce Layer, ofrece beneficios como flexibilidad, escalabilidad, seguridad, capacidades omnicanal y protección futura.

1. Introducción a Commerce Layer

Short description:

Commerce Layer es una plataforma de comercio Atlas que te permite agregar capacidades de compra globales a cualquier experiencia de usuario. Ofrece una amplia gama de puntos finales para gestionar precios, compras, carritos, inventario, pedidos y más. En comparación con las plataformas monolíticas tradicionales, Commerce Layer ofrece una mayor flexibilidad y evita los problemas de rendimiento asociados con los sitios web lentos.

Hola a todos. Mi nombre es Fabrizio y soy el gerente de asociaciones de Commerce Layer. ¿Qué es Commerce Layer? Commerce Layer es una plataforma de comercio Atlas y un sistema de gestión de pedidos. Y gracias a su naturaleza Atlas, la idea es que puedas agregar capacidades de compra globales a cualquier tipo de experiencia de usuario que tengas en mente. Así que puede ser un sitio web. Puede ser una aplicación móvil, un chatbot. Puede ser un video. En realidad, lo que sea. Y todo esto de una manera muy simple y efectiva. Como nuestro producto es una plataforma de comercio Atlas, por supuesto, el núcleo de Commerce Layer es su API. Por lo tanto, ofrecemos una amplia gama de puntos finales para gestionar todos los diferentes aspectos de la experiencia de comercio. Así que precios, compras, carritos, inventario, pedidos, y así sucesivamente. Desafortunadamente, no puedo revisar toda la lista de puntos finales, pero puedes encontrarlos en nuestra documentación. Y creo que es importante destacar el hecho de que Commerce Layer es una plataforma Atlas. Y esto es muy cierto si lo comparas con la solución monolítica tradicional. Supongo que ya has escuchado este término, plataforma monolítica. Pero, ¿qué significa? En realidad, significa tener una sola plataforma que gestiona todas las características de tu aplicación de comercio electrónico. Así que piensa en la plataforma que realmente gestiona todo. Que gestiona el CMS, la gestión de la información del producto, tal vez el sistema de gestión de pedidos, todo en una sola caja. Esto, desafortunadamente, conlleva algunos desafíos y tratamos de resumirlos en cinco puntos principales. El primero es que dichas plataformas son menos flexibles. ¿Por qué? Tienes que pensar que tienes una sola caja donde todo está implementado. Esto significa que no puedes cambiar ningún módulo de tu aplicación de comercio sin reemplazar todo. Así que este es un gran problema. Entonces, si surgen nuevas necesidades en tu negocio que puedan requerir, no sé, tal vez un nuevo modelo o una nueva aplicación, tu plataforma no lo permitirá sin una re-plataforma completa. Así que puedes imaginar que esto es un gran problema.

El otro problema relacionado con esta aplicación tradicional es que la mayoría de las veces el resultado es que los sitios web construidos sobre ellas son simplemente lentos. ¿Por qué? Eso es porque dada la arquitectura de esas aplicaciones es muy difícil aprovechar el poder de nuevos conceptos como CDNs dedicados, por ejemplo. Y como puedes imaginar, un sitio web lento puede ser un gran problema, especialmente si consideras el nuevo algoritmo de Google para clasificar los core web vitals, solo para poner un ejemplo. Así que ser rápido es definitivamente una ventaja competitiva cuando vendes en línea.

2. Arquitectura Modular y Beneficios

Short description:

Existen problemas de seguridad al tener una sola aplicación como único punto de fallo. Las aplicaciones tradicionales pueden carecer de un enfoque móvil primero y pueden ser costosas. La solución es trabajar en arquitecturas modulares, como la basada en Commerce Layer. Este enfoque ofrece flexibilidad, escalabilidad, seguridad, capacidades omnicanal y protección futura. Para cualquier pregunta, contáctenos en commercelayer.io.

También existen problemas de seguridad si tienes una sola aplicación y todo está dentro de esa caja, tienes un único punto de fallo, por lo que si esa aplicación falla, todo falla. Esto es un gran problema. Otro problema es que considerando que estas aplicaciones tradicionales digamos que han sido diseñadas hace bastante tiempo. La mayoría de las veces se construyeron para escritorio, por lo que no tienen un enfoque realmente móvil primero, por ejemplo. Y el último problema es que son costosas. Hay muchas cosas en estas cajas. A veces no necesitas algunas de las cosas que están en estas cajas, pero de todos modos las pagarás todas. Entonces, ¿cuál es la solución? Bueno, la solución es trabajar en arquitecturas modulares y esto significa dividir el monolito. Por ejemplo, esto puede ser un ejemplo de una arquitectura modular basada en Commerce Layer. Commerce Layer sería el motor transaccional que gestiona los precios, la información del stock, las API de pago y las API de cuentas de clientes. Y alrededor de Commerce Layer, comenzarás a integrar todos los diferentes servicios que se necesitan para ofrecer la experiencia de comercio. Por ejemplo, un CMS sin fin, un generador de sitios estáticos, esto es muy cierto si vas en la dirección de gem stock, una plataforma de implementación para optimizar y maximizar el rendimiento y luego vincular Commerce Layer a servicios específicos para las necesidades que puedas tener. Por ejemplo, servicios de cálculo de impuestos, pasarelas de pago, transportistas de envío y también los sistemas heredados como el CRM y ERP.

¿Y cuáles son los beneficios de este enfoque? Bueno, como puedes imaginar, ahora todo es extremadamente flexible. Puedes intercambiar módulos fácilmente sin tener que hacer una replataforma completa. La escalabilidad es mucho más fácil porque ahora puedes escalar solo un módulo específico y evitar actualizaciones muy costosas de tu plataforma central. Entonces, puedes escalar selectivamente los módulos de tu arquitectura. Es más seguro porque ahora no tienes un único punto de fallo. Y es omnicanal por diseño porque todos estos módulos tienen una interfaz de API. Entonces, puedes conectar prácticamente todo, cualquier punto de contacto que puedas imaginar, a este tipo de arquitectura. Y por último, pero no menos importante, es a prueba de futuro. Ser a prueba de futuro se basa en el hecho de que puedes cambiar cualquier módulo según tus necesidades sin tener que hacer una replataforma completa. Muchas gracias por su atención y en caso de que tenga alguna pregunta, puede escribirme a mi correo electrónico o simplemente reservar una demostración de nuestra plataforma en commercelayer.io. Muchas gracias.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Escalando WordPress con Next.js
React Summit Remote Edition 2021React Summit Remote Edition 2021
9 min
Escalando WordPress con Next.js
Por más moderna que sea la web, WordPress sigue siendo el rey. No es el más escalable, pero sigue siendo convincente con su larga historia y UX. ¿Cómo podemos aprovechar Next.js para llevar WordPress a la web moderna? Recorreremos las herramientas que Next.js nos proporciona para escalar WordPress al mundo. Hablaremos sobre qué APIs podemos usar para manejar fácilmente el contenido de WordPress y cómo podemos convertir las partes dinámicas en estáticas.
Vue Storefront + Vendure = Comercio Electrónico de Código Abierto de Pila Completa
Vue.js London Live 2021Vue.js London Live 2021
19 min
Vue Storefront + Vendure = Comercio Electrónico de Código Abierto de Pila Completa
Crear una tienda en línea en estos días no es una tarea fácil. Con tantos competidores, el Tiempo de Lanzamiento al Mercado es la clave del éxito. Es por eso que decidimos construir una integración entre Vue Storefront, una plataforma de frontend ultrarrápida para el comercio sin cabeza, y Vendure, un marco de comercio electrónico moderno y sin cabeza basado en GraphQL. Ambas herramientas están construidas utilizando una pila de JavaScript moderna (Nuxt.js y Nest.js) y tienen varias integraciones listas para usar, como motores de búsqueda, CMS, pagos, y más. Además, ambos proyectos tienen una gran comunidad de colaboradores de código abierto que respaldan el proceso de desarrollo. En esta presentación, te mostraré lo rápido que puedes crear tu tienda con VSF y Vendure.
Fuera con sus cabezas: El auge de los componentes sin cabeza
React Summit 2023React Summit 2023
25 min
Fuera con sus cabezas: El auge de los componentes sin cabeza
¿No estás cansado de repetirte? ¿Cansado de repetir el mismo código una y otra vez en tus proyectos de React? En esta charla, descubriremos el poder de los componentes sin cabeza, un patrón de diseño que separa la lógica de la capa de presentación, permitiéndote crear componentes de IU reutilizables y flexibles.
Exploraremos cómo los componentes sin cabeza pueden simplificar tu proceso de desarrollo, ahorrándote tiempo y esfuerzo. Examinaremos bibliotecas populares de componentes sin cabeza y proporcionaremos consejos para integrarlas en tus proyectos. Ya seas un principiante o un desarrollador experimentado, únete a nosotros para descubrir cómo los componentes sin cabeza pueden ayudarte a agilizar tu desarrollo de React y crear interfaces de usuario personalizables y de alta calidad.
Explorando el Gráfico de WordPress con Next.js y WPGraphQL
GraphQL Galaxy 2021GraphQL Galaxy 2021
23 min
Explorando el Gráfico de WordPress con Next.js y WPGraphQL
WordPress sin cabeza utilizando su API REST incorporada es una solución poderosa para escalar WordPress en la web, pero las relaciones complejas pueden convertirse fácilmente en cadenas de solicitudes, lo que dificulta el mantenimiento junto con el posible costo de rendimiento.
Con WPGraphQL, podemos aprovechar los beneficios de GraphQL, lo que conduce a una mejor experiencia de desarrollo y lógica de solicitud optimizada, asegurándonos de entregar solo lo que necesitamos a nuestros usuarios.Exploraremos estas ventajas y cómo encajan estas piezas junto con herramientas modernas como Next.js para construir grandes experiencias para la web.

Diapositivas y más
Desarrollo API-first con WordPress sin cabeza
React Summit Remote Edition 2021React Summit Remote Edition 2021
33 min
Desarrollo API-first con WordPress sin cabeza
Cuando se elimina la carga de renderizado de WordPress, se convierte en una plataforma de API de código abierto. Con algunos complementos como WPGraphQL, puedes crear un backend extensible para tus aplicaciones de React para consumir, lo que permite arquitecturas modernas y prácticas de desarrollo en WordPress.
Contentful and headless
React Finland 2021React Finland 2021
19 min
Contentful and headless
How Contentful helps you to manage all the data in a headless e-commerce website.

Workshops on related topic

Construyendo una Aplicación de Shopify con React & Node
React Summit Remote Edition 2021React Summit Remote Edition 2021
87 min
Construyendo una Aplicación de Shopify con React & Node
Top Content
WorkshopFree
Jennifer Gray
Hanna Chen
2 authors
Los comerciantes de Shopify tienen un conjunto diverso de necesidades, y los desarrolladores tienen una oportunidad única para satisfacer esas necesidades construyendo aplicaciones. Construir una aplicación puede ser un trabajo duro, pero Shopify ha creado un conjunto de herramientas y recursos para ayudarte a construir una experiencia de aplicación sin problemas lo más rápido posible. Obtén experiencia práctica construyendo una aplicación integrada de Shopify utilizando el CLI de la aplicación Shopify, Polaris y Shopify App Bridge.Te mostraremos cómo crear una aplicación que acceda a la información de una tienda de desarrollo y pueda ejecutarse en tu entorno local.
Crear un Sitio Web Editable Visualmente con Next.js Utilizando React Bricks, con Blog y Comercio Electrónico
React Summit 2023React Summit 2023
139 min
Crear un Sitio Web Editable Visualmente con Next.js Utilizando React Bricks, con Blog y Comercio Electrónico
WorkshopFree
Matteo Frana
Matteo Frana
- React Bricks: por qué lo construimos, qué es y cómo funciona- Crear una cuenta gratuita- Crear un nuevo proyecto con Next.js y Tailwind- Explorar la estructura de directorios- Anatomía de un Brick- Crear un nuevo Brick (Texto-Imagen)- Agregar un título y descripción con edición visual RichText- Agregar una imagen con edición visual- Agregar controles de barra lateral para editar props (padding y lado de la imagen)- Anidar Bricks usando el componente Repeater- Crear un brick de galería de imágenes- Publicar en Netlify o Vercel- Tipos de página y campos personalizados- Acceder a los valores meta de la página- Internacionalización- Cómo reutilizar contenido en varias páginas: Historias e Incrustaciones- Cómo crear un comercio electrónico con datos de productos de una base de datos externa y páginas de destino creadas visualmente en React Bricks- Funciones empresariales avanzadas: permisos flexibles, estructura bloqueada, componentes visuales personalizados
Construyendo Tiendas Online de Alto Rendimiento con Shopify Hydrogen y Remix
React Advanced Conference 2023React Advanced Conference 2023
104 min
Construyendo Tiendas Online de Alto Rendimiento con Shopify Hydrogen y Remix
WorkshopFree
Alexandra Spalato
Alexandra Spalato
I. Introducción- Visión general de Shopify Hydrogen y Remix- Importancia del comercio electrónico sin cabeza y su impacto en la industria
II. Configurando Shopify Hydrogen- Instalando y configurando Hydrogen con Remix- Configurando la estructura del proyecto y los componentes
III. Creando Colecciones y Productos- Creando colecciones y productos utilizando los componentes React de Hydrogen- Implementando un Carrito de Compras- Construyendo un carrito de compras utilizando los componentes incorporados de Hydrogen
VI. Construyendo la página de inicio con Storyblok- Clonando el espacio y explicando cómo funciona- Implementando Storyblok en el repositorio- Creando los componentes Blok- Creando los componentes Shopify- Implementando personalización
Construye una Tienda Personalizada en Shopify con Hydrogen
React Advanced Conference 2021React Advanced Conference 2021
170 min
Construye una Tienda Personalizada en Shopify con Hydrogen
Workshop
Matt Seccafien
Cathryn Griffiths
2 authors
Hydrogen es un marco de trabajo y SDK React con opiniones para construir tiendas personalizadas rápidas, alimentadas por Shopify. Hydrogen adopta los Componentes del Servidor React y utiliza Vite y Tailwind CSS. En este masterclass, los participantes tendrán una primera vista de Hydrogen, aprenderán cómo y cuándo usarlo, todo mientras construyen una tienda personalizada completamente funcional con el equipo de Hydrogen.
Creación de tiendas personalizadas en Shopify con Hydrogen
React Summit 2022React Summit 2022
71 min
Creación de tiendas personalizadas en Shopify con Hydrogen
WorkshopFree
Abe Haskins
Megan Majewski
2 authors
Sumérgete en Hydrogen, un marco basado en React impulsado por Shopify. En este masterclass, exploraremos el marco y pondremos en marcha una tienda personalizada rápidamente. Aprenderás cómo (y cuándo) aprovechar los Componentes del Servidor de React y los mecanismos de almacenamiento en caché para construir tiendas personalizadas rápidas y dinámicas.
Construye una página de producto con el marco de trabajo Hydrogen de Shopify
React Advanced Conference 2022React Advanced Conference 2022
81 min
Construye una página de producto con el marco de trabajo Hydrogen de Shopify
WorkshopFree
David Witt
David Witt
Sumérgete en Hydrogen, un marco de trabajo basado en React para construir tiendas en línea sin cabeza. Hydrogen está diseñado para el comercio de Shopify con todas las características que necesitas para una tienda en línea lista para producción. Proporciona un inicio rápido y un entorno de desarrollo rápido para que puedas centrarte en lo divertido: construir experiencias de comercio únicas. En este masterclass, crearemos una nueva tienda en línea y construiremos rápidamente una página de producto. Cubriremos cómo empezar, enrutamiento basado en archivos, obtener datos de la API de Storefront, los componentes integrados de Hydrogen y cómo aplicar estilos con Tailwind.Aprenderás:- Empezar con la plantilla hello-world en StackBlitz- Enrutamiento basado en archivos para crear una ruta /productos/ejemplo- Enrutamiento dinámico /productos/:handle- Consultar la API de Storefront con GraphQL- Mover la consulta dentro de la aplicación de Hydrogen- Actualizar la consulta para obtener un producto por su identificador- Mostrar título, precio, imagen y descripción.- Estilizado con Tailwind- Selector de variantes y botón de compra ahora- Bonus si hay tiempo: página de colecciones
Requisitos previos: - Un navegador basado en Chromium (StackBlitz)- Idealmente experiencia con React. Un conocimiento general de desarrollo web también es válido.