Go Pueblos
Directorio interactivo de viajes en México y aplicación de mapas, impulsado por renderizado moderno del lado del servidor.
El Reto
Los "Pueblos Mágicos" de México son un rico activo cultural, pero encontrar información centralizada, muy visual y fácilmente navegable sobre ellos es difícil para los viajeros. El objetivo era construir un directorio que no solo tuviera un alto rendimiento (crucial para los usuarios en redes móviles mientras viajan), sino que también fuera visualmente impresionante, con funciones de mapas interactivos.
La Solución
Diseñé una Aplicación de Página Única (SPA) de alto rendimiento utilizando Next.js. Al aprovechar el Server-Side Rendering (SSR) y Static Site Generation (SSG), la aplicación logra tiempos de carga casi instantáneos sin dejar de ser altamente amigable para el SEO.
Implementación Técnica
Para equilibrar una rica experiencia de usuario con la velocidad de desarrollo, la arquitectura se dividió entre la gestión de contenido "headless" y los datos de usuario en tiempo real:
- Entrega de Contenido Híbrido: Los datos estáticos (descripciones de pueblos, hechos históricos, imágenes seleccionadas) se gestionan a través de Sanity CMS y se generan estáticamente en el momento de compilación usando `getStaticProps` de Next.js.
- Mapas Interactivos: Se integraron mapas web interactivos utilizando bibliotecas basadas en WebGL (como Deck.gl) para proporcionar una experiencia fluida a 60fps al hacer paneo o zoom a través de cientos de puntos de datos sin bloquear el hilo principal.
- Interfaz Responsiva y Accesible: Se construyó un sistema de diseño totalmente a medida utilizando Tailwind CSS, asegurando que la aplicación se vea perfecta en cualquier tamaño de dispositivo mientras pasa los estrictos estándares de accesibilidad web (a11y).
El Impacto
La plataforma proporciona una experiencia intuitiva similar a la de una aplicación nativa directamente en el navegador. La arquitectura Next.js dio como resultado Core Web Vitals perfectos, permitiendo que el sitio se posicione rápidamente en los motores de búsqueda. Sirve como un excelente ejemplo de cómo construir directorios de viajes modernos y escalables capaces de manejar a miles de usuarios concurrentes sin problemas.