En Lostium hemos ido incorporando tecnologías más modernas y eficientes a nuestro flujo de trabajo con el objetivo de ser más ágiles y aprovechar sus ventajas sobre modelos más obsoletos. 

Aviso. Este es un artículo de carácter técnico y vamos a utilizar muchos términos que quizás no entiendas o desconozcas. Aunque intentaremos explicarlo de forma sencilla, está enfocado a dar a conocer nuestras herramientas habituales de desarrollo a departamentos o responsables de tecnología.

Frontend

Si WordPress es una constante en nuestros backends, en el frontend hemos ido variando las tecnologías que hemos utilizado. Tanto es así que desde hace un tiempo hemos abrazado JAMStack, una arquitectura moderna de desarrollo web basada en JavaScript, APIs y marcado (HTML). 

La pieza clave de nuestras aplicaciones es Angular. Es un framework basado en TypeScript que permite implementar ‘single page applications’ (SPA). Este tipo de aplicaciones ofrecen una experiencia de usuario más fluida y rápida, ya que la página se carga una sola vez y el contenido se actualiza dinámicamente sin necesidad de recargar la página completa.

También nos apoyamos en otras librerías como Angular Material, un conjunto de componentes y utilidades que nos permite desarrollar interfaces de usuario con un alto grado de personalización. 

En proyectos más sencillos utilizamos TailwindCSS, un framework CSS que se integra muy bien con Angular y que permite diseñar interfaces con gran rapidez. Gracias a estas tecnologías, podemos desarrollar aplicaciones web de manera eficiente y escalable, brindando a nuestros clientes la mejor experiencia de usuario posible.

Backend

Uno de los ejes principales de nuestros desarrollos es WordPress. Es el CMS (gestor de contenidos) más popular del mundo y aunque en su día empezamos a utilizarlo para implementar webs, con el tiempo hemos ido adaptándolo para llegar a convertirlo en el backend de todas nuestras aplicaciones y servicios.

Gracias a que somos expertos en WordPress, podemos desarrollar áreas de administración que permiten almacenar cualquier tipo de información, gestionar usuarios y roles o construir APIs robustas de comunicación. Hemos llegado tan lejos con este CMS que hasta lo hemos llegado a utilizar para gestionar una cocina industrial.

Además utilizamos Trellis, un stack LEMP (Linux, Nginx, MySQL/MariaDB y PHP) que automatiza la provisión y mantenimiento de servidores junto con el despliegue de los backends. Gracias a esto, podemos actualizar cualquier aplicación en cuestión de minutos sin pérdida de servicio.

Rendering

Con el uso de JAMStack nos enfrentamos al reto de optimizar las aplicaciones en los motores de búsqueda y aumentar la visibilidad de nuestros servicios en la web. Para solucionar este problema, adoptamos diversas técnicas como: Server Side Rendering (SSR) o prerender con Angular Universal, Express y Node.js

El uso de SSR nos permite mejorar la velocidad de carga de las aplicaciones webs y hacer que el contenido sea fácilmente indexable para los motores de búsqueda. Con esta técnica, la página se renderiza en el servidor antes de ser enviada al navegador, lo que permite que los motores de búsqueda puedan identificar el contenido de manera eficiente.

También utilizamos la técnica de prerender con Angular Universal (esta web es un ejemplo). Consiste en generar páginas HTML estáticas para cada una de las secciones de la web. De esta forma, cuando un motor de búsqueda o un usuario accede a la página, se carga inmediatamente la versión ‘renderizada’, mejorando la velocidad de carga y la indexabilidad de la página. El servidor web sólamente sirve HTML plano y es el navegador del usuario quien se encarga de ‘hidratar’ la página y ejecutar la parte dinámica, si fuera necesario, vía JavaScript.

Apps nativas

Para construir aplicaciones nativas, hacemos uso de Capacitor, una herramienta que nos permite acceder a las funcionalidades nativas de los dispositivos móviles utilizando tecnologías web. Con Capacitor desarrollamos aplicaciones multiplataforma para iOS, Android y web, lo que nos permite reducir el tiempo de desarrollo y acelerar su puesta en marcha. También hemos desarrollado interfaces móviles con Ionic, aunque de un tiempo a esta parte preferimos utilizar Angular Material. 

APIs e integraciones

También integramos toda clase de servicios de terceros para enriquecer y personalizar nuestras aplicaciones. Usamos herramientas de autenticación, que nos permiten añadir capas de seguridad, mapas para crear soluciones geolocalizadas o nos comunicamos con otras plataformas como Salesforce mediante APIs. Últimamente hemos integrado servicios de locución de texto con iA, lo que nos permite dotar a nuestras aplicaciones de una experiencia de usuario única y personalizada. 

En resumen, el uso de todas estas tecnologías nos permite ofrecer soluciones avanzadas y adaptadas a las necesidades específicas de cada proyecto, lo que nuestros clientes valoran enormemente. Además, nuestra capacidad para crear aplicaciones flexibles y escalables nos permite asegurar que nuestras soluciones continúen siendo efectivas en el largo plazo.