Saltar al contenido

react

Background Image

How to build a functional front-end for HCL commerce with 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 »How to build a functional front-end for HCL commerce with Gatsby

React

Converting the Oslo React into a fully functional Progressive Web Application

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 »Converting the Oslo React into a fully functional Progressive Web Application