Portafolio · 2025
Alejandro Renza — Sitio web profesional
El sitio que estás viendo ahora — construido con el mismo proceso y los mismos estándares que aplicamos a cada proyecto de cliente.
El problema
¿Qué no estaba funcionando?
Un ingeniero de software sin presencia web es difícil de evaluar. Los clientes potenciales no tienen forma de ver cómo trabaja, qué ha construido, ni qué diferencia hay entre contratar a alguien que hace páginas y contratar a alguien con un proceso de ingeniería real.
El objetivo de este proyecto no era tener un sitio bonito — era construir una pieza de ingeniería que demostrara, por sí sola, el nivel de trabajo que se puede esperar en cualquier proyecto de cliente.
El proceso
Antes de escribir código
Este proyecto siguió exactamente el mismo proceso que cualquier proyecto de cliente: entrevista de levantamiento, definición de lógica, modelado de seguridad, diseño arquitectónico y generación de código solo después de tener todo aprobado.
La diferencia es que en este caso el cliente y el ingeniero eran la misma persona — lo que significaba decisiones más rápidas pero el mismo nivel de rigor.
La elección del stack fue completamente deliberada. No se usó este conjunto de tecnologías por familiaridad o por costumbre — se eligió porque ofrecía control total sobre cada parte del sistema, rendimiento desde el primer día, y la capacidad de escalar hacia cualquier dirección que el negocio requiriera.
La solución
Qué se construyó
Un sitio profesional completo construido con cada decisión técnica justificada.
Blog con MDX
Contenido escrito directamente en el repositorio, sin base de datos externa, con soporte para componentes interactivos dentro de los artículos.
Sistema de contacto con validación
Formulario con validación en servidor mediante Zod y notificaciones enviadas con Resend.
Panel de administración protegido
Acceso con autenticación mediante NextAuth, solo para el administrador.
Seguridad por diseño
Los mismos controles OWASP que se aplican a proyectos de cliente se aplicaron aquí: protección contra inyección, manejo de sesiones, rate limiting, validación estricta de entradas.
Stack técnico
Tecnologías utilizadas
- Next.js 16
- TypeScript
- Tailwind CSS v4
- MDX
- Resend
- NextAuth
- PostgreSQL
Resultado
El impacto concreto
Presencia profesional que comunica proceso y criterio, no solo resultado
Blog operativo donde publicar contenido sin depender de herramientas externas
Formulario de contacto funcional con notificaciones en tiempo real
Panel de administración seguro y funcional
Una demostración viva del nivel de ingeniería que se aplica en cada proyecto
¿Quieres algo así para tu negocio?
Hablemos de tu proyecto. Sin compromiso y sin tecnicismos innecesarios.
Quiero algo así para mi negocio