Frontend
Angular con componentes standalone, router con lazy loading, signals donde aportan valor y SSR nativo con hidratación. Layouts separados, tema claro/oscuro y estilos globales sobrios.
Cómo está construido
Este portfolio está pensado como una aplicación real
El objetivo es mostrar cómo organizo un sistema, cómo separo responsabilidades y cómo aplico buenas prácticas desde el inicio.
stack.real / deployableMonorepo Angular + NestJS con API, admin, migraciones y Docker.
GitHub Backend
NestJS modular con contratos REST, TypeORM, validación con class-validator, auth JWT y separación por dominios (hexagonal pragmática). Casos de uso cubiertos con tests unitarios y e2e.
Base de datos
PostgreSQL con migraciones versionadas (sin synchronize), índices en las columnas de filtro y contenido de artículos en JSON estructurado (jsonb). Retención programada de eventos de analytics.
Infraestructura
La web se sirve con SSR sobre runtime Node; API y PostgreSQL se orquestan con Docker Compose. Despliegue documentado en VPS con NGINX como reverse proxy, SSL y healthchecks.
Seguridad
Rutas protegidas con guards e interceptor JWT con expiración verificada en el front. Backend con CORS, Helmet, rate limiting y CSP por nonce en el render SSR.
Contenido
Proyectos, bitácora y laboratorio se administran desde un panel propio y se sirven desde el backend real, cada uno con su módulo. Los artículos se escriben con un editor por bloques que guarda el contenido como JSON estructurado.
Estado actual
Ya funcionando: SSR con caché de render, editor por bloques, búsqueda y filtros, SEO dinámico con meta tags y sitemap, analytics con retención y hardening de seguridad.
Roadmap
Lo que sigue: más cobertura de tests automatizados, búsqueda full-text en PostgreSQL y métricas de analytics más ricas.