Reflexiones sobre desarrollo web, ingeniería de software y prácticas tecnológicas modernas
El método BMAD aporta estructura al desarrollo de software con IA, pero su complejidad puede ser una barrera. BMAD UI es una interfaz de código abierto que facilita aprender, ejecutar y monitorizar todo el flujo de trabajo.
Cómo un diseñador construyó un prototipo B2B completo con datos simulados aprovechando VSCode y el modo agente de GitHub Copilot, sin necesidad de un perfil técnico avanzado.
Cómo el método BMAD destaca en las primeras tres fases del desarrollo de software — análisis, planificación y solución — y cómo combinarlo con el loop de Ralph para implementación, revisión de código y aseguramiento de calidad crea un flujo de trabajo integral y poderoso.
Explorando las diferencias entre vibe coding para proyectos simples y coding with AI para sistemas empresariales complejos
Cómo unas vacaciones sin laptop me llevó a descubrir el poder del desarrollo móvil con GitHub Copilot. Desde dictado por voz hasta codificación asistida por IA, aprende cómo las limitaciones despertaron la innovación en mi flujo de desarrollo.
Aprende a diseñar un modelo de contenido modular y flexible en Contentful que soporte sitios web complejos manteniendo los tipos de contenido mínimos y escalables.
Aprende a crear dashboards de monitorización completos en Azure usando Infraestructura como Código con Terraform, potenciados por el Model Context Protocol (MCP) para acceso en tiempo real a la documentación del proveedor de Azure.
Navegando decisiones arquitectónicas en monorepos con múltiples workspaces: cuándo colocar componentes UI en tu aplicación web versus separarlos en librerías UI dedicadas.
Aprende cómo crear interfaces TypeScript robustas para diferentes fuentes de datos en tu aplicación frontend, asegurando type safety a través de sistemas CMS, Commerce, PIM y Search.
Aprende cómo los agentes de IA pueden detectar, analizar y corregir errores automáticamente usando servidores MCP de Datadog y SonarQube, revolucionando los flujos de trabajo de desarrollo
Pensamientos personales sobre estrategias efectivas de gestión de estado frontend - priorizando estado URL, cookies y minimizando el estado de React
Pautas esenciales e información sobre la estructura del proyecto para asistentes de IA que trabajen con mi código. Aprende sobre mis preferencias de codificación, patrones de arquitectura y flujo de trabajo de desarrollo para brindar mejor asistencia.
Descubre los principios del modelado de contenido en Contentful a través de ejemplos prácticos, desde tipos de contenido básicos hasta relaciones complejas y patrones de diseño modular.
Guía completa y cheatsheet para configurar servidores del Model Context Protocol (MCP) en VS Code con ejemplos detallados de configuración
Un patrón de arquitectura limpia para separar la lógica API/SDK de los componentes UI usando interfaces TypeScript y adaptadores
Optimización de la migración de sitios web usando herramientas potenciadas por IA y servidores MCP para diseño UI, modelado de contenido y migración de contenido
Una función puede ser definida con la palabra clave "function" (declaración de función o funciones regulares) o como una variable (expresión de función o arrow functions)
Comprendiendo el destructuring de objetos en JavaScript y React
Mejores prácticas y estrategias para la automatización de control de calidad
Construir tu propia librería de componentes es algo en lo que muchos ingenieros y empresas han pensado en algún momento. En nuestro equipo, hemos pasado por ese proceso y el objetivo de este documento es compartir nuestra experiencia.
Esta estructura de proyecto podría compartirse entre disciplinas para facilitar la comunicación en el equipo.
Explorando alternativas a styled-components y soluciones CSS-in-JS
Estrategia para escribir pruebas automatizadas
Comprendiendo las diferencias entre interfaces y alias de tipos en TypeScript
Detalles para un flujo de trabajo con git: Branching, commits, Pull Requests y Versionado
Definiendo un componente React
Herramientas de desarrollo esenciales
Beneficios de invertir tiempo para identificar la mejor estructura de carpetas que funcione para ti
¿Qué tipo de notación de array deberíamos usar en TypeScript?
Construyendo un blog con Next.js, Tailwind CSS y Contentful como CMS headless
Comparación entre renderizado en el cliente, servidor y generación de sitios estáticos
Herramientas de desarrollo imprescindibles