Desarrollando PWAs con Magento y Vue Storefront
Javier Villanueva
Acerca de mi...
Javier Villanueva
@jahvi
https://jahvi.dev
javier@medialounge.co.uk
kateandtoms.com
¿Por qué PWAs?
Probabilidad de rebote
1s a 3s la probabilidad aumenta un 32%
1s a 5s la probabilidad aumenta un 90%
1s a 6s la probabilidad aumenta un 106%
1s a 10s la probabilidad aumenta un 123%
Google/SOASTA Research, 2017
Conexión 3G
¿Respuesta de Magento?
PWA Studio
PWA Buildpack
Peregrine
UPWARD
Venia
¿Respuesta de la comunidad?
Vue Storefront
PWA ultrarrápida, con soporte sin conexión y multi plataforma. Siempre libre y de código abierto bajo la licencia MIT.
Conexión 3G
Conexión WiFi
Caracteristicas Principales
PWA como estándar
Permite desarrollar aplicaciones mobiles y de escritorio al mismo tiempo.
Tecnologías de primer nivel
Incrementa el desempeño basados en la arquitectura de microservicios.
Stack JS moderno
Utiliza VueJS, el framework más flexible para desarrollar sitios rápidos en menos tiempo.
Plataforma-agnóstica
Desarrolla su proyecto rápidamente manteniéndolo escalable y flexible.
Arquitectura headless
Conexión a través de API permite cambiar backend en cualquier momento.
Listo para producción
Todas las funciones estándar de e-commerce disponibles por defecto.
Rápido y confiable
Instalable
Optimizado
Tecnologías de primer nivel
VueJS
Elastic Search
Express
GraphQL
Plataforma-agnóstica
Magento
BigCommerce
Pimcore
WooCommerce
Experiencia de Desarrollo
- Código abierto bajo licencia MIT
- Últimas tecnologías en el front-end y back-end
- Sin límites para plantillas o personalizaciones
- Soporte por defecto para SSR
- Excelente documentación
Estructura modular
interface VueStorefrontModuleConfig {
key: string;
store?: {
modules?: { key: string, module: Module<any, any> }[],
plugin?: Function,
};
router?: {
routes?: RouteConfig[],
beforeEach?: NavigationGuard,
afterEach?: NavigationGuard,
};
beforeRegistration?: (VSF) => void;
afterRegistration?: (VSF) => void;
}
Instalador Inicial
@filrakowski
Special Milano
specialmilano.com
La Nature
lanature.ru
Kentaur
kentaur.com
My Health Cares
myhealthcares.eu
Comunidad Activa
- Repositorio público en GitHub (142 👨💻 / 5,000 ⭐️ / 1,800 👥 )
- Conferencias mensuales en todo el mundo
Mucho más por venir...
Mejoras por venir
- Más soporte para arquitectura modular
- Más integraciones con plataformas e-commerce
- Mejor herramienta CLI para instalación inicial
- Nuevo mercado para modulos de terceros
- Y mucho más...
¡No esperen mas! Denle una oportunidad a
Vue Storefront
¡Gracias!
vuestorefront.io
@vuestorefront
github.com/DivanteLtd/vue-storefront
Desarrollando PWAs con Magento y Vue Storefront
By Javier Villanueva
Desarrollando PWAs con Magento y Vue Storefront
Presentacion para MageTitans ES
