Mi Tech Stack: Cómo construí dromedao.com

Construir mi propio portfolio fue más que un ejercicio de diseño; fue el lienzo perfecto para experimentar con las últimas novedades del desarrollo web y demostrar cómo un entorno "empresarial" puede ser extremadamente ágil.

Frontend: Angular 20 al Límite

Para la interfaz, decidí usar lo último de Angular. Quería demostrar que el estigma de que Angular es "lento" o "pesado" quedó en el pasado. Implementé una arquitectura Zoneless, aprovechando al máximo las Signals para una reactividad granular que no depende de Zone.js. Todos los componentes son standalone con ChangeDetectionStrategy.OnPush, y las rutas se cargan de forma perezosa (lazy loading), lo que mantiene el bundle inicial pequeño y la navegación rápida.

Estructura del sitio: portfolio, blog y tutoriales

El sitio se organiza en tres secciones principales. El portfolio reúne mi experiencia, habilidades y proyectos. El blog es donde escribo sobre tecnología y sobre la construcción de este mismo sitio. Y los tutoriales alojan guías interactivas con editor de código integrado. Todo el contenido es 100% local: los datos viven en servicios con seed data gestionada por git, sin backend ni llamadas HTTP, lo que simplifica el despliegue y garantiza que la página esté siempre disponible.

Tema claro/oscuro sin librerías

La página soporta modo claro y oscuro sin ninguna dependencia externa. Un pequeño script inline en el index.html detecta la preferencia del sistema con prefers-color-scheme, comprueba si el usuario guardó una elección previa en localStorage y aplica data-theme al elemento html antes del renderizado, evitando el parpadeo de un tema incorrecto. La paleta se define íntegramente con CSS custom properties, e incluso las imágenes tienen variantes -light y -dark que se intercambian según el tema activo.

Infraestructura y Despliegue en Cloudflare

Todo el ecosistema vive en Cloudflare. Uso Cloudflare Pages para el despliegue automático del frontend Angular: el build genera un sitio 100% estático que se sirve desde su CDN global, con funciones de seguridad integradas y cero servidores que mantener. Un archivo _redirects proporciona el fallback SPA para las rutas del router.