Contexto & Reto
El objetivo principal de este proyecto era diseñar y construir una plataforma web profesional enfocada en la escalabilidad a largo plazo.
Se requería una arquitectura modular capaz de manejar la publicación de contenido dinámico (como entradas de un blog y secciones de la nutricionista) mientras se mantenía un alto rendimiento de SEO y una estructura de enrutamiento muy limpia, todo esto dentro de un entorno profesional real.
Implementación
La plataforma se construyó completamente utilizando el ecosistema de React y Next.js:
- Next.js App Router: Para aprovechar el enrutamiento más moderno, el renderizado en el servidor (SSR) y la generación de sitios estáticos (SSG).
- TypeScript: Para garantizar la seguridad y el tipado de los datos a lo largo de toda la aplicación, reduciendo posibles errores y mejorando la calidad del código.
- Tailwind CSS & Framer Motion: Para una arquitectura de componentes modulares, con acabados estéticos excelentes y animaciones fluidas que no dañan el rendimiento de la aplicación.
Se estructuraron rutas dinámicas específicas para lograr un rápido escalado del contenido de texto y artículos, y se implementaron estrategias avanzadas de metadatos SEO nativos de Next.js junto con una exhaustiva optimización de imágenes (assets optimization).
Impacto y Aprendizaje
El rendimiento de carga se optimizó de forma masiva, obteniendo resultados perfectos en Lighthouse y logrando una infraestructura robusta de alta fiabilidad en producción, preparadísima para futuras expansiones y aumentos de tráfico.
El mayor aprendizaje fue encontrar un balance profesional entre:
- Una estrategia SEO orientada al negocio.
- La experiencia del desarrollador (DX) en el mantenimiento de un código tipado.
- El rendimiento final de carga de cara a la audiencia.