Objetivo del dossier
Mostrar que este sitio, aunque sobrio visualmente, está construido y operado con disciplina de ingeniería: calidad automatizada, observabilidad, seguridad, trazabilidad y mantenimiento controlado.
Ingeniería del sitio
Documentación pública de la capa técnica que hace robusto elmst.ibaifernandez.com.
Arquitectura y hosting
Sitio estático HTML/CSS/JS desplegado en Netlify, con funciones serverless para configuración runtime, validación de captcha y envío de formularios.
- Hosting: Netlify con dominio productivo
elmst.ibaifernandez.com.
- Funciones:
runtime-config, verify-turnstile, submit-contact.
- Ruteo/hardening:
_redirects, _headers, netlify.toml.
Calidad y CI
Pipeline bloqueante en GitHub Actions: si un check falla, no pasa el quality gate.
- Playwright E2E para rutas críticas y formulario.
- Regresión visual desktop/mobile con baseline versionado.
- Accesibilidad automatizada con axe.
- Lighthouse CI + budgets por ruta y reporte por release.
Seguridad
- Cabeceras CSP/HSTS/X-Frame-Options y controles anti mixed-content.
- Captcha invisible Turnstile con validación server-side.
- Honeypot + validación estricta de campos en backend.
- Sin backend PHP legacy en producción.
SEO técnico e i18n
- Versiones ES/EN con
hreflang y canonical por página.
- Sitemap y robots alineados al dominio productivo.
- Metadata OG/Twitter optimizada por ruta.
- Compatibilidad legacy controlada con redirects explícitos.
Observabilidad y uptime
- Sentry para captura de errores frontend por entorno.
- UptimeRobot monitorizando disponibilidad HTTP productiva.
- Runbook de alertas con severidades P1/P2/P3.
Operación continua
- Quality Gate manual + ejecución semanal automática.
- Reportes técnicos versionados por release.
- QA manual desktop/mobile en CSV.
- Backlog y roadmap actualizados por iteración.