Consejos para desarrolladores de Modyo

Ideas, consejos y mejores prácticas directamente de nuestros expertos de Modyo.

Modyo’s Developer Tips
Tutorial
Suzanne Rubinstein

Suzanne Rubinstein

Creación de un microfrontend con Vite

Vite es un excelente punto de partida para crear tus microfrontends en Modyo, ya que permite crear proyectos modernos y robustos basados tanto en Vue como React. En React, además, permite reemplazar el comando desactualizado create-react-app.

Develop
Carlos Solis

Carlos Solis

Mejora tus PWA con etiquetas HTML para iOS y Android

Las aplicaciones web progresivas (PWA) son cada vez más populares para ofrecer experiencias móviles de alta calidad. Aunque estas aplicaciones están basadas en tecnología web, deben ejecutarse en un dispositivo móvil y por lo tanto, necesitan ajustes especiales para funcionar correctamente en este entorno y aprovechar al máximo cada plataforma. Una de las soluciones para mejorar la experiencia de los usuarios en tu PWA es a través de etiquetas HTML con metadata adicional, estas etiquetas no afectan el código mientras se ejecutan en un navegador web, pero entran en acción cuando tus aplicaciones se ejecutan en un entorno móvil.

Develop
Daniel Garza

Daniel Garza

Genera tu Manifest JSON usando Modyo

Un manifest.json contiene la información necesaria para permitir al navegador interactuar con tu PWA (progressive web application o aplicación web progresiva). Desarrollar PWAs es costoso y crear los archivos de configuración es una de las partes más aburridas del trabajo. En Modyo ofrecemos una manera de generar el manifest.json automáticamente para evitar demoras en tu flujo de trabajo.

Tutorial
Carlos Solis

Carlos Solis

Insertar múltiples widgets en la misma página

Al utilizar la arquitectura de micro frontends de Modyo tenemos, entre otras muchas opciones, la posibilidad de utilizar múltiples widgets dentro de una misma página. También se puede utilizar para trabajar en conjunto ofreciendo soluciones para los escenarios más complejos.

Liquid
Felipe Meyer

Felipe Meyer

Despliegue de contenidos en Modyo con Liquid

Una de las grandes potencialidades que tenemos en Modyo es la gestión de contenidos independiente del canal donde lo desplegamos y es por esto que acá vamos a entender cómo funciona el SDK de Liquid para poder conectar los módulos de Content con Channels.

Tutorial
Carlos Solis

Carlos Solis

¿Qué es la autenticación en dos pasos (2FA) y cómo utilizarla?

La autenticación en 2 pasos o 2FA por sus siglas en inglés ( 2 Factor Authentication) se ha convertido en un standard para mejorar la protección de cuentas y acceso a servicios. Modyo tiene soporte nativo para esta autenticacion y te mostramos como activarla

Develop
Carlos Solis

Carlos Solis

3 trucos sencillos para mejorar el rendimiento de imágenes

Los sitios web lentos y con mal rendimiento afectan directamente la efectividad de un servicio, en particular si su principal canal de ventas es a través de la web.

JS
Felipe Meyer

Felipe Meyer

4 formas de agregar librerías de JavaScript en Modyo

En Modyo, la carga de librerías externas es fácil de hacer y de mantener, aquí te mostramos el proceso de configuración basado en nuestros casos de uso más frecuentes.

Develop
Felipe Meyer

Felipe Meyer

Acelera el desarrollo usando Emmet en Modyo

Emmet es una herramientas, integrada en el modulo de Channels en Modyo, la que nos ayuda a mejorar el flujo de trabajo HTML y CSS, esto quiere decir que nos ayuda a acelerar la manera en la que escribimos el código, utilizando abreviatura para no tener que escribir el código completo.

Framework
Felipe Meyer

Felipe Meyer

¿Cómo actualizar version de Bootstrap?

Con el rápido y continuo crecimiento de la industria digital van saliendo nuevas versiones de Bootstrap y hoy vamos a ver cómo poder actualizar esta librería a su versión mas actualizada.

Develop
Giorgio Saud

Giorgio Saud

Consumir datos desde fuentes externas usando CORS Preflight

Siempre que nos integramos a APIs externas bien sea desarrolladas por Modyo o por el cliente debemos tener en cuenta la protección de orígenes cruzados o más comúnmente llamado CORS

Develop
Carlos Solis

Carlos Solis

Mostrar un mensaje para invitar a los usuarios a instalar un PWA

Aunque tengas preparado un sitio web para que sea una aplicación web progresiva (o PWA por sus siglas en Inglés) habilitando todas las funciones y configuraciones requeridas, tu usuario aún no tiene forma de saber que esta opción está disponible.