Enfoque Jamstack para equipos felices

La tecnología está cargada de promesas, pero también conlleva ciertos riesgos. Y no, no hablamos de Terminator. A la hora de trabajar con código es muy fácil centrarse en las novedades brillantes (o en aquellas que ya llevan años implantadas como estándar) en vez de trabajar para que el desarrollo sea útil. Útil de verdad.

El propósito de Soluble es hacer a las personas más felices en su trabajo. Pensamos, diseñamos y desarrollamos para que otras empresas y sus equipos tengan más éxito en su día a día. Y nuestro ‘Jamstack approach’ es uno de los caminos que utilizamos para conseguirlo. Permítenos que te contemos más.

Lo más habitual es que los equipos de marketing y producto se vean obligados a escoger entre la agilidad (iterar con rapidez y eficiencia), la autonomía (no depender de terceros) y la calidad (disfrutar de resultados que rayan la excelencia y tienen consistencia de marca).

Habitualmente, si decides ser ágil y autónomo, los resultados no serán excelentes en términos de consistencia (customización de marca) o de calidad de la experiencia visual. Si prefieres ser autónomo y conseguir resultados ambiciosos, no serás rápido. En el caso de que priorices calidad y agilidad es probable que necesites la ayuda de terceros.

Y, ¡oh, sorpresa! Aquí es donde entra Jamstack, el enfoque que utilizamos en Soluble para ofrecer agilidad, autonomía y calidad.

Jamstack es una arquitectura que separa los datos que alimentan una web de aquello que se ve. En otras palabras: es un enfoque que permite obtener la información de cada fuente (CRMs, bases de datos internas…) y, a partir de ahí, construir una web a medida. El framework consulta la información a través de APIs y genera páginas estáticas que se sirven de forma rápida, ajustada en costes y con el medio ambiente presente a través de CDNs o de cualquier servidor web.

Para comprender su utilidad, piensa en una web corporativa con dos objetivos: mostrar tu marca y ofrecer un catálogo muy amplio de productos.

A la hora de cumplir estas metas, es necesario que quienes trabajan sobre la web puedan gestionar el contenido —el copy de nuestra home o un blog, por ejemplo— de forma autónoma y sencilla. Pero también que los productos sigan en el ERP. Porque duplicar información y desconectar la web del sistema de gestión solo complicaría las cosas: duplicidades extrañas, dificultades para actualizar…

Como Jamstack ofrece la posibilidad de tener varias fuentes de contenido, simplificamos la labor de los equipos con los que trabajamos. Para datos relacionados con marketing (páginas, secciones…) utilizamos DatoCMS. Gracias a esta solución, nosotros podemos trabajar en el desarrollo mientras se adelanta trabajo de creación de páginas o de traducción. Incluso se gana agilidad con respecto a otras herramientas que a priori son más eficientes por la facilidad de uso, como las no-code.

(Inciso para comentar algo que nos hace mucha ilusión: somos la primera agencia de branding nativo digital que tiene un partnership con DatoCMS en España)

También se puede conectar el blog con las APIs de Notion o Hubspot, por ejemplo. De este modo, evitamos que los creadores de contenido tengan que copiar y pegar textos entre la herramienta interna y el CMS. Tiempo extra para conseguir resultados de alta calidad.

Hay que tener en cuenta que no solo buscamos rendimiento y escalabilidad. También una experiencia de usuario sobresaliente, y aquí encontramos varias ventajas:

• El tiempo de respuesta es imbatible (con la consecuente mejora de SEO)
• La experiencia de usuario es excelente porque el usuario navega en una app cliente que no carga otras páginas

Desde el punto de vista del desarrollo, la gran ventaja de utilizar este enfoque es que se pueden compartir los componentes entre la web que estamos creando —una nueva landing, por ejemplo— y el producto que ya existe sin necesidad de desarrollar dos frontends distintos. Los desarrolladores pueden hacer cambios en la web con facilidad y rapidez siguiendo los mismos principios que en el producto. Por cierto: reducir este tipo de fricciones es útil para la retención de talento. Ahí lo dejamos.

Los frameworks que solemos utilizar para construir la web se basan en React. En función del proyecto optamos por Gatsby o Next. Pero si utilizas Vue para el frontend, podemos utilizar Nuxt, que sigue los mismos principios. Elige la aventura que te quite más dolores de cabeza.

¿Recuerdas el ejemplo anterior? El stack utilizado era este:

• NextJS como orquestador. Framework para generar site estáticos (y mucho más) basado en React. Es la pieza clave que consulta las APIs y genera el site estático.
• DatoCMS como Headless CMS. Nos permite crear modelos y bloques a nuestro antojo, logrando así la flexibilidad en los contenidos.
• Vercel para la infraestructura. Aunque las páginas estáticas se pueden servir desde cualquier CDN, Vercel nos ofrece una experiencia más completa: muchas ayudas al desarrollo, funciones serverless y sus Edge functions, centradas en la rapidez para servir contenido dinámico y personalizado.

La guinda del pastel es el Design System que implementamos a partir de nuestro Soluto Design System, en el que hemos trabajado (y seguimos trabajando cada día) con cariño. Gracias a este trabajo previo, entregamos un conjunto de componentes utilizados en la web para que puedas reutilizarlo en tu producto. Esto será útil para la versión 2.0 de la web, en la que los cambios serán rápidos porque se trabajarán a partir de las variables del Design System. No hay que ir página a página cambiando elemento a elemento. Más facilidades para crear y mantener la web.

Recapitulemos: el objetivo primordial es optimizar el tiempo y la energía de aquellas personas con las que trabajamos. Les empoderamos a través de herramientas que les darán paz mental porque son funcionales y evitan errores. Además, les ahorramos los disgustos de trabajar con software potente que, en la realidad del día a día, no compensa por su complejidad.

Por si todo lo anterior no fuera suficiente, con Jamstack se incrementa la seguridad. La superficie de ataque se reduce porque no hay base de datos como en Wordpress y las peticiones se sirven a través de CDNs a prueba de fuego que no tienen contacto con las APIs.

Además, Jamstack es una solución de futuro. Las empresas no tienen que preocuparse si necesitan migrar los datos que nutren la web, porque la solución es tan sencilla como conectarse a la nueva API y adaptar los datos.

¿Hablamos? S-)