Singularu Web

Singularu, una empresa líder en el sector de las joyas, buscaba mejorar su experiencia de comercio electrónico mediante el desarrollo de un nuevo sitio web en Shopify.

Inicialmente, el objetivo era crear una tienda en línea utilizando una arquitectura headless, una modalidad que permite separar el frontend del backend para una mayor flexibilidad y rendimiento. En este caso particular, se planeaba usar Shopify como backend, combinado con una solución frontend personalizada sin utilizar Hydrogen, ya que en ese momento aún no existía.

Estrategia

Para abordar este proyecto, nuestro equipo planteó la siguiente estrategia:

  1. Investigación y Análisis: Evaluamos las necesidades específicas de Singularu y analizamos las mejores prácticas en arquitectura headless.

  2. Diseño y Planificación: Elaboramos un plan detallado para el desarrollo de un frontend personalizado, asegurándonos de que fuera totalmente escalable y adaptable a futuras necesidades.

  3. Desarrollo del Prototipo: Comenzamos el desarrollo de un prototipo headless, utilizando tecnologías modernas y optimizadas para un rendimiento superior.

  4. CMS: Decidimos usar Locomotive CMS para la edición y la creación de páginas, lo que permitió una gestión más flexible y dinámica del contenido.

Desafíos Técnicos

  1. Complejidad de Integración: Integrar un CMS no headless como Locomotive CMS con un sistema headless supuso un reto considerable. La falta de herramientas nativas para facilitar esta integración requirió soluciones personalizadas y una gestión meticulosa.

  2. Infraestructura Inmadura: En el momento del desarrollo, alternativas como Strapi, Remix o el propio Hydrogen de Shopify aún no existían o estaban en fases muy iniciales. Esto significaba que el ecosistema de soporte y las herramientas eran limitadas, complicando aún más la implementación de una arquitectura headless.

  3. Integración de Plugins de Terceros: Uno de los principales desafíos fue la integración de plugins y aplicaciones de terceros, esenciales para las operaciones diarias de Singularu. Muchas de estas herramientas estaban diseñadas específicamente para funcionar con el ecosistema tradicional de Shopify.

Reorientación del Proyecto

Tras una serie de evaluaciones y pruebas, el cliente decidió que la adopción de un tema estándar de Shopify sería más beneficioso para sus necesidades operativas inmediatas. Esta decisión se tomó considerando los siguientes factores:

  • Facilidad de Uso: Un tema de Shopify proporcionaría una solución más sencilla y rápida para el personal de Singularu, permitiéndoles gestionar el contenido y las configuraciones del sitio sin complejidades técnicas adicionales.

  • Compatibilidad con Plugins: Utilizar un tema de Shopify permitiría una integración más fluida de los plugins y aplicaciones de terceros esenciales para Singularu, mejorando significativamente las operaciones y la funcionalidad del sitio.

Finalmente, desplegamos un tema de Shopify totalmente personalizado que cumplía con las expectativas y necesidades de Singularu. El resultado fue un sitio web robusto, fácil de gestionar y con una integración impecable de los plugins de terceros.

La decisión de optar por un tema estándar de Shopify, en lugar de una solución headless personalizada, permitió a Singularu beneficiarse de una implementación más rápida y una integración sin inconvenientes de sus herramientas esenciales de comercio electrónico. Este proyecto subrayó la importancia de adaptar las soluciones técnicas a las necesidades operativas y comerciales de los clientes, garantizando así su satisfacción y éxito continuado.

Podéis visitar el resultado final aquí.

React y la programación funcional tienen una curva pronunciada: su documentación no está completamente actualizada y su ecosistema no es tan estable como otros, aún. Además, como no es puramente un marco, sino una biblioteca, en algunos proyectos quieres tener más orientación sobre cómo construir cosas, especialmente cuando se involucran equipos grandes para reducir y limitar la entropía del proyecto.

Tecnologías del proyecto

React

React es una biblioteca de JavaScript de código abierto y gratuita para el desarrollo de interfaces de usuario basadas en componentes.

GraphQL

Un lenguaje de consulta para APIs, desarrollado por Facebook, que permite a los clientes solicitar exactamente los datos que necesitan, mejorando la eficiencia y el rendimiento de las aplicaciones.

Locomotive CMS

Un sistema de gestión de contenidos fácil de usar que permite una gestión flexible del contenido. Está basado en Rails, proporcionando una plataforma robusta para la edición y creación de páginas web.

Shopify

Una plataforma completa de comercio electrónico que facilita la gestión de productos, el procesamiento de pagos y la administración de pedidos, ofreciendo una solución robusta y escalable para tiendas en línea.