Cómo reconstruí mi portafolio con React 19, Vite 7, Tailwind CSS y MDX, priorizando rendimiento, SEO y mantenibilidad
Pila tecnológica React 19 para lógica de interfaz moderna con hooks y transiciones Vite 7 para un entorno de desarrollo veloz y empaquetado optimizado Tailwind CSS con utilidades personalizadas y tema a medida MDX para redactar artículos combinando Markdown y componentes de React Vercel para despliegue sin configuración y dominio personalizado
Aspectos destacados Blog con MDX, rutas dinámicas y filtrado por etiquetas SEO listo con imágenes Open Graph y sitemap Modo oscuro, diseño responsive y resaltado de sintaxis RSS y copia al portapapeles en fragmentos de código Dominio propio gestionado con GitHub, Vercel y GoDaddy
Por qué el rediseño Mi sitio anterior ya no representaba mi nivel actual como ingeniero frontend Con este relanzamiento pongo en primer plano mi capacidad técnica, mi criterio de diseño y mi habilidad para comunicar ideas de manera clara
Decisiones clave React 19 me permitió usar transiciones para mejorar la percepción de velocidad en navegación y filtrados sin bloqueos Con Vite 7 activé división de código, prefetch selectivo y caching agresivo para reducir TTFB y mejorar el LCP Tailwind CSS con un sistema de tokens y capas utilitarias personalizadas aceleró la coherencia visual MDX simplificó la creación de contenido reutilizando componentes como cards, callouts y tablas de contenido Para SEO automatizo la generación de metadatos, OG images, sitemap y robots, además de slugify estable y canónicos consistentes
Sobre Q2BSTUDIO En Q2BSTUDIO somos una empresa de desarrollo de software y aplicaciones a medida, especialistas en inteligencia artificial, ciberseguridad, servicios cloud AWS y Azure, servicios de inteligencia de negocio con Power BI y automatización de procesos con agentes IA Si buscas llevar tu plataforma al siguiente nivel, desde una web de alto rendimiento hasta un ecosistema escalable, somos tu aliado Conoce nuestro enfoque de desarrollo de software a medida y cómo aplicamos inteligencia artificial para empresas para crear experiencias más rápidas, seguras y rentables
Resultados y próximos pasos Con el nuevo stack, el sitio mejora Core Web Vitals, facilita el mantenimiento de contenido con MDX y queda listo para crecer con nuevas secciones como casos de éxito, IA aplicada y dashboards de analítica con power bi En paralelo, preparo guías técnicas sobre componentes accesibles, patrones de arquitectura con Vite y despliegues multientorno en servicios cloud aws y azure, además de buenas prácticas de ciberseguridad y hardening para proyectos modernos
Conclusión Aprendí mucho durante este proceso y compartiré tutoriales y desgloses técnicos muy pronto Gracias por leer La versión original de este artículo está publicada en andrewteece.com Puedes conectar conmigo en LinkedIn o escribirme a andrew@andrewteece.com