Articulos sobre desarrollo web, arquitectura de software y las herramientas que uso en mi dia a dia.
Como desarrolle una extension Chrome que reduce de 46,000 a 3,000 nodos DOM en conversaciones de 600+ mensajes usando virtualizacion CSS y MutationObserver.
Como construi mi portafolio personal usando Next.js 15, Tailwind CSS 4 y exportacion estatica para lograr rendimiento optimo y pasar la verificacion de Google AdSense.
Google AdSense puede impactar significativamente el rendimiento de tu sitio. Estrategias para integrarlo en Next.js minimizando el efecto en Core Web Vitals.
La accesibilidad no es opcional. Guia practica con patrones concretos para hacer sitios web accesibles desde el codigo, cubriendo HTML semantico, ARIA y navegacion por teclado.
PM2 es el gestor de procesos estandar para aplicaciones Node.js en produccion. Aprende a configurarlo correctamente para maxima estabilidad y rendimiento.
Implementa un sistema de temas robusto usando CSS custom properties que funcione sin flash de contenido y respete las preferencias del usuario.
Antes de las Client Extensions existian los portlets React con liferay-npm-bundler. Como funcionan, cuando siguen siendo utiles y como estructurar un proyecto completo.
Entiende cuando usar Server Components y cuando Client Components en Next.js App Router para maximizar rendimiento y mantener la interactividad.
Master Pages y StyleBooks son las herramientas de Liferay para mantener consistencia visual en portales enterprise. Analisis de sus capacidades y limitaciones actuales.
Configura pipelines de CI/CD para generar APKs de Android y IPAs de iOS automaticamente con cada push, usando GitHub Actions y Capacitor.
Liferay ofrece tres modelos de despliegue: On-Premise, PaaS (Liferay Cloud) y SaaS. Analisis tecnico y de negocio para elegir el correcto segun tu contexto.
Los fragmentos son la forma mas flexible de crear componentes visuales en Liferay DXP. Aprende a construir fragmentos personalizados con HTML, CSS, JavaScript y FreeMarker.
Estrategias avanzadas de Tailwind CSS para construir sistemas de diseno consistentes: tokens con CSS custom properties, temas dinamicos y componentes escalables.
Una retrospectiva tecnica de los cambios entre Liferay 7.1, 7.2, 7.3 y 7.4, con estrategias practicas de migracion basadas en experiencia real con proyectos enterprise.
Guia paso a paso para configurar Nginx como reverse proxy frente a aplicaciones Node.js con certificados SSL y optimizaciones de produccion.
Comparativa practica entre IntelliJ IDEA y Liferay Developer Studio (Eclipse) para desarrollo en Liferay DXP, basada en experiencia real con ambos entornos.
Liferay DXP ofrece APIs headless completas para contenido estructurado, documentos y mas. Aprende a integrarlas en aplicaciones React modernas.
Una alternativa flexible al despliegue clasico: subir Client Extensions a la Document Library y cargarlas desde fragmentos personalizados, sin necesidad de Remote Applications.
Transforma una aplicacion Next.js en una app nativa para Android e iOS usando Capacitor, manteniendo una sola base de codigo.
Service Builder sigue siendo relevante en Liferay 7.4 para logica de dominio compleja. Guia practica sobre cuando elegirlo sobre Objects y como estructurar modulos api/service.
OSGi es el corazon de Liferay DXP. Entiende como funcionan los modulos, los servicios declarativos y el ciclo de vida para desarrollar soluciones robustas.
Liferay ofrece dos sistemas de APIs: la moderna Headless Delivery (/o/api) y la clasica JSONWS (/api/jsonws). Analisis practico de cuando usar cada una y como migrar.
Estrategias practicas para conseguir puntuaciones Lighthouse 90+ en sitios Next.js con output: export, desde LCP hasta CLS.
Liferay Objects permite crear entidades de datos completas con API REST automatica, validaciones y relaciones, sin necesidad de Service Builder ni una sola linea de Java.
Automatiza el despliegue de tus aplicaciones web en un VPS con GitHub Actions, SSH y rsync. Un pipeline profesional sin depender de plataformas PaaS.
Cree scripts Bash que generan proyectos completos de Client Extensions para React y Angular en segundos, eliminando el boilerplate y asegurando compatibilidad con Liferay DXP.
Las Client Extensions revolucionan el desarrollo en Liferay DXP al permitir extender la plataforma sin desplegar modulos OSGi. Aprende a crearlas desde cero.