WEBAPPS / Arquitectura ModernaASTROpsique.
Ecosistema de astrología arquetípica y psicología junguiana, optimizado para SEO programático masivo con 162 páginas estáticas generadas en tiempo de compilación.
Desafío Técnico
Renderizado estático masivo con generación en tiempo de compilación: 156+ páginas únicas pre-renderizadas, cada una con un score de rendimiento perfecto.
generateStaticParams()
La función nativa del App Router de Next.js 15 itera sobre el archivo glossary.ts sanitizado para declarar en tiempo de compilación cada par planeta/signo. Vercel pre-renderiza cada combinación como HTML estático servido desde el Edge, eliminando cualquier carga computacional en runtime y garantizando un TTFB <50ms.
Fuente Única: glossary.ts
Un único archivo de datos en TypeScript tipado como fuente de verdad, alimenta simultáneamente las rutas dinámicas, el sitemap.xml dinámico (sitemap.ts) y el archivo robots.ts automatizado. Este patrón de Single Source of Truth garantiza que cualquier actualización al glosario se propague de forma atómica a todo el ecosistema de indexación.
sitemap.ts + robots.ts Dinámicos
El sitemap y los robots son Server Components nativos que leen el mismo glossary.ts en build time. El resultado: un sitemap.xml con 162 URLs correctamente ponderadas exportado como estático, eliminando la necesidad de plugins o middlewares externos, y un robots.txt que habilita explícitamente el rastreo de Googlebot en todas las rutas del ecosistema.
Consola Cuántica
Decisiones de diseño e ingeniería de experiencia de usuario: donde la estética no es decoración sino arquitectura funcional.
Paleta Cromática: Terminal Celestial
La decisión de base oscura (bg-deep / slate-950) no es meramente estética: replica la interfaz de instrumentación de alta precisión — el ambiente donde los datos importan y el ruido visual no tiene cabida. Los acentos de alta visibilidad (lime #DFFF00 y cyan #06b6d4) funcionan como señales de alerta cognitiva, guiando el ojo del usuario hacia los datos más relevantes de forma inmediata, tal como lo haría un sistema SCADA o un terminal de trading.
Flujo de Usuario: Arquitectura 100% Estática
El UX está diseñado para velocidad máxima sin compromisos. El usuario ingresa sus datos natales en el formulario responsivo, las Efemérides Suizas (compiladas en WASM) calculan las posiciones planetarias con precisión sub-arco-minuto en el cliente, y el sistema entrega instantáneamente el contenido arquetípico correspondiente desde el glosario estático (glossary.ts). No hay llamadas a API externas, no hay base de datos: todo el conocimiento vive pre-compilado en el bundle, garantizando una experiencia de latencia cero.
Formulario Natal: Responsivo y Preciso
El formulario de datos natales está construido con validación en tiempo real y campos tipados (fecha, hora, coordenadas geográficas) que alimentan directamente las efemérides suizas (Swiss Ephemeris en WASM) compiladas en el cliente. La precisión del cálculo posicional es sub-arco-minuto, con manejo de zonas horarias via Luxon y soporte para datos históricos. El sistema nunca persiste datos: el estado vive exclusivamente en la URL, garantizando privacidad total.
Red de Autoridad
Arquitectura de Internal Linking diseñada para garantizar cero páginas huérfanas y distribuir el PageRank de forma matemáticamente equitativa entre las 162 rutas del ecosistema.
Índice centralizado de 156+ páginas archetype. Distribuye PageRank de forma equitativa a cada ruta planeta/signo. Punto de entrada principal para Googlebot.
Menús temáticos [ Enfoque ] y [ Teoría ] actúan como nodos de distribución de autoridad. Eliminan páginas huérfanas conectando cada ruta arquetípica al flujo principal de navegación.
Server Component nativo que lee glossary.ts en build time. Genera un sitemap.xml con 162 URLs correctamente ponderadas (priority + changefreq) listo para Googlebot al primer rastreo.
Automatizado y co-generado junto al sitemap. Permite explícitamente el rastreo de todas las rutas del ecosistema, referencia la URL del sitemap.xml y bloquea rutas de API para evitar indexación innecesaria.
Performance Dashboard
Telemetría de rendimiento del sistema. Valores medidos en entorno de producción sobre infraestructura Vercel Edge Network.
Lighthouse Score · Core Web Vitals en verde · CDN Edge · Sin carga en runtime
Pre-renderizadas en build · generateStaticParams() · Sin consultas a DB por request
Time to First Byte · Vercel Edge Network · HTML estático · Respuesta global <50ms
Verificado por Googlebot · sitemap.xml automático · 162 URLs indexadas en primer rastreo
Sin persistencia de datos · Estado en URL · Efemérides client-side · Sin cookies ni DB
TypeScript modo estricto · Fuente única de verdad (glossary.ts) · Schemas Codegen
¿Tu próximo proyecto
merece esta arquitectura?
Diseño ecosistemas digitales de alto rendimiento, optimizados para SEO programático y propulsados por IA generativa.