Personal Resume Website
A modern, responsive personal resume website built with Next.js 14, TypeScript, and Tailwind CSS.
Tecnologías Utilizadas
Tecnologías usadas para construir este sitio web
Framework y Tecnologías Principales
Next.js
Un framework de React que hace que construir sitios web sea más rápido y fácil
Why:
Elegido por su excelente rendimiento y experiencia del desarrollador
Benefits:
Carga rápida de páginas, mejoras automáticas, despliegue fácil
TypeScript
Un lenguaje que agrega verificación de tipos a JavaScript para prevenir errores
Why:
Elegido para mejorar la calidad del código y prevenir bugs
Benefits:
Menos errores, mejor autocompletado, código más confiable
Estilización y Diseño
Tailwind CSS
Una herramienta de estilización que ayuda a crear diseños hermosos rápidamente
Why:
Elegido para desarrollo rápido y diseño consistente
Benefits:
Código limpio, diseño responsivo, fácil personalización
Gestión de Contenido
Markdown
Una forma simple de escribir y formatear contenido
Why:
Elegido para facilitar actualizaciones de contenido sin programación
Benefits:
Sintaxis simple, amigable con control de versiones, portable
Internacionalización
next-intl
Una herramienta que traduce el sitio web a múltiples idiomas
Why:
Elegido para soporte multilingüe sin complicaciones
Benefits:
Traducciones fáciles, detección automática de idioma, amigable para SEO
Pruebas y Calidad
Jest
Una herramienta de pruebas que asegura que el código funciona correctamente
Why:
Elegido por sus capacidades integrales de prueba
Benefits:
Pruebas rápidas, buenos mensajes de error, ampliamente adoptado
Playwright
Una herramienta que prueba el sitio web automáticamente en diferentes navegadores
Why:
Elegido para garantizar compatibilidad entre navegadores
Benefits:
Pruebas confiables, soporta múltiples navegadores, fácil de usar
Análisis y Monitoreo
Firebase
Una plataforma que rastrea el uso del sitio web y envía notificaciones
Why:
Elegido por características poderosas de análisis y compromiso
Benefits:
Datos en tiempo real, fácil integración, servicio confiable
Sentry
Una herramienta que detecta y reporta errores en el sitio web automáticamente
Why:
Elegido para monitoreo proactivo de errores
Benefits:
Detección rápida de problemas, informes detallados, alertas en tiempo real
Despliegue y Alojamiento
Vercel
Un servicio de alojamiento que hace que el sitio web sea rápido y esté disponible mundialmente
Why:
Elegido por excelente rendimiento y despliegues automáticos
Benefits:
CDN global, HTTPS automático, configuración cero
Formspree
Un servicio que procesa envíos de formularios de contacto
Why:
Elegido para manejo simple de formularios sin backend
Benefits:
Configuración fácil, protección contra spam, entrega confiable
Storybook
Una herramienta que documenta y prueba componentes de interfaz de forma aislada
Why:
Elegido para mejor documentación y desarrollo de componentes
Benefits:
Componentes aislados, documentación visual, pruebas fáciles
GitHub Actions
Un sistema que automatiza pruebas y despliegue cuando el código cambia
Why:
Elegido para integración y entrega continuas
Benefits:
Automatización completa, integrado con GitHub, configuración flexible
SonarQube
Una herramienta que analiza la calidad y seguridad del código
Why:
Elegido para mantener altos estándares de calidad de código
Benefits:
Detecta bugs temprano, identifica vulnerabilidades, mejora mantenibilidad