Desarrollo Shopify · Liquid, Remix y React
Componentes Liquid personalizados y app de promo codes para las tiendas Shopify de Rivka
Componentes Liquid personalizados para dos tiendas Shopify, corrección de bugs en tiendas en producción y participación en una app de promo codes con Remix y React.
- Rol
- Shopify Developer
- Período en Rivka
- 2024
- Tecnologías
- Liquid · HTML · CSS · JavaScript · Tailwind CSS · Shopify CLI · GraphQL · Remix · React · Git · GitHub
En 2024 trabajé en Rivka como Shopify Developer en tres proyectos, presentados aquí como un solo trabajo: componentes personalizados en Liquid para dos tiendas Shopify, corrección de bugs en esas tiendas y mi participación en el desarrollo de una app de promo codes hecha con Remix y React. Los proyectos son confidenciales, por lo que no hay enlaces públicos.
Problema
Dos tiendas Shopify necesitaban componentes hechos a sus requerimientos en lugar de plantillas comerciales preconstruidas, y las tiendas en producción requerían resolver bugs respetando la arquitectura existente de cada una. En paralelo, el equipo desarrollaba una app de promo codes con Remix y React.
Solución
Escribí los componentes en Liquid con HTML, CSS, JavaScript y Tailwind CSS, gestioné el trabajo con Git y GitHub, y usé metafields y Shopify CLI para entregar funcionalidades en tiendas en producción. Resolví los conflictos de scripts y estilos que surgieron al integrar apps de terceros y contribuí a la app de promo codes con Remix y React.
Cómo funciona
Escribí los componentes en Liquid con HTML, CSS, JavaScript y Tailwind CSS, gestioné el trabajo con Git y GitHub, y usé metafields y Shopify CLI para entregar funcionalidades en tiendas en producción. Resolví los conflictos de scripts y estilos que surgieron al integrar apps de terceros y contribuí a la app de promo codes con Remix y React.
Componentes
Liquid personalizado en dos tiendas
Bugs
Correcciones en tiendas en producción
App de promo codes
Remix y React, desarrollo en equipo
Trabajo realizado
Componentes Liquid, corrección de bugs y app de promo codes.
Componentes Liquid personalizados
Desarrollé y mantuve componentes y temas desde cero para dos tiendas Shopify con Liquid, HTML, CSS y JavaScript, con estilos en Tailwind CSS.
Funcionalidades en tiendas en producción
Entregué funcionalidades en tiendas en producción con metafields y Shopify CLI, respetando la arquitectura existente de cada tienda.
Corrección de bugs y conflictos con apps
Resolví bugs en las tiendas, incluidos conflictos de scripts y estilos al integrar apps de reseñas, suscripciones y envíos.
App de promo codes
Participé en el desarrollo de una app de promo codes hecha con Remix y React.
Resultados
Componentes, correcciones y una app de promo codes.
Componentes para dos tiendas
Dos tiendas Shopify recibieron componentes personalizados escritos en Liquid.
Bugs y conflictos resueltos
Se corrigieron bugs y conflictos con apps de terceros en las tiendas en producción.
App de promo codes
La app de promo codes del equipo se desarrolló con Remix y React, con mi participación.
Los proyectos son confidenciales y no hay enlaces públicos ni capturas disponibles.
Habilidades aplicadas
- Desarrollo Shopify
- Liquid
- Componentes personalizados
- Tailwind CSS
- JavaScript
- Remix
- React
- Shopify CLI
- Metafields
- Corrección de bugs
- Git y GitHub