Saltar al contenido

react

Background Image

Cómo construir un front-end funcional para HCL Commerce con Gatsby

HCL Commerce. El objetivo principal es sustituir las funciones básicas de la tienda Aurora starter con la tienda de tecnología Gatsby. La tienda debería tener una página de inicio (HP), una página de lista de productos (PLP), una página de detalle del producto (PDP) y un checkout. La intención de la publicación es dar una idea general de cómo se puede lograr este objetivo, junto con unos ejemplos de código. Configuración Para configurar el entorno de desarrollo, seguimos los siguientes pasos: Después, hacemos cd gatsby y  gatsby develop para iniciar el servidor de desarrollo Gatsby. Podemos acceder al sitio starter de Gatsby en http://localhost:8000/. Para obtener más información y tutoriales sobre Gatsby, consulta Gatsby docs. Extracción de datos y generación de páginas Gatsby puede extraer datos de Headless CMS, bases de datos, API y más. Existen tres métodos que podemos aplicar para obtener datos de nuestra API privada: Explicaremos cómo podemos usar la opción dos para obtener los datos que… Leer más »Cómo construir un front-end funcional para HCL Commerce con Gatsby

React

Convertir el Oslo React en una aplicación web progresiva totalmente funcional

Hemos tomado la muestra de la aplicación web Watson Content Hub Oslo React y la hemos convertido en una aplicación web progresiva que incluye las características principales y ganadoras de una PWA: Instalable en la pantalla de inicio Modo offline Notificaciones push ¿Qué es Watson Content Hub Oslo React? Para obtener más información sobre Oslo, siga este enlace. IBM Watson Content Hub es un nuevo y muy interesante CMS cognitivo SaaS (Software As as Service) creado por IBM y pronto formará parte de la cartera de Centerbridge. Una captura de pantalla de Oslo: Una captura de pantalla de Watson Content Hub y la forma en que puede actualizar un contenido: ¿Por qué necesitamos una aplicación web progresiva? Bueno, últimamente hay mucha emoción sobre los PWA. Sin entrar en los detalles, solo dejo caer aquí, una tabla puede mostrar exactamente el punto de por qué PWA: Ya hemos experimentado el impacto de PWA: ¡una experiencia de usuario mucho mejor (especialmente en… Leer más »Convertir el Oslo React en una aplicación web progresiva totalmente funcional