IPTI Taekwondo Demo
Demo de migración de WordPress a Astro 7 para el Instituto Peruano de Taekwon-Do Internacional (IPTI), logrando Lighthouse 100/100, costo de hosting $0 y arquitectura de islas con Preact.
El Problema
El sitio oficial de WordPress de IPTI sufre de lentitud de carga por el procesamiento dinámico PHP/MySQL, vulnerabilidades inherentes a plugins y panel wp-admin, y altos costos de hosting en servidor LAMP. La arquitectura monolítica impide la optimización de imágenes y penaliza el SEO en dispositivos móviles.
La Solución
Desarrollamos una demo técnica en Astro 7 con generación estática (SSG), componentes interactivos hidratados bajo demanda con Preact (Islands Architecture), navegación SPA con View Transitions y tipografía de cero CLS con astro-font. Las 9 sedes (Dojangs) y la plana docente se modelan con datos tipados en TypeScript.
Características Clave
- Generación de Sitio Estático (SSG): 33 páginas compiladas en ~4 segundos
- Arquitectura de Islas con Preact para menú móvil e interactividad mínima
- Navegación SPA fluida con View Transitions (ClientRouter de Astro 7)
- Modelo de datos centralizado y tipado para 9 Dojangs y plana docente
- Tipografía sin Layout Shift (Zero-CLS) con astro-font y preload
- Optimización automática de imágenes a WebP con sharp en tiempo de build
- SEO con Open Graph, Twitter Cards dinámicos y HTML semántico por página
- Despliegue serverless en Netlify con hosting costo $0
Resultados
La demo técnica alcanza Lighthouse 100/100 en Rendimiento, Accesibilidad y Buenas Prácticas. Elimina por completo los costos de hosting ($15–$50 USD/mes → $0) y la superficie de ataque a cero al prescindir de base de datos SQL y entorno PHP activo.
Este proyecto es una demostración técnica de migración web que evidencia los beneficios reales en rendimiento, seguridad y reducción de costos que obtendría el sitio oficial del Instituto Peruano de Taekwon-Do Internacional (IPTI) al transicionar de WordPress/Elementor a una arquitectura moderna basada en Astro 7.
El Negocio: IPTI
El Instituto Peruano de Taekwon-Do Internacional (IPTI) es la máxima entidad rectora (National Governing Body) del Taekwon-Do tradicional de la International Taekwon-Do Federation (ITF) en el Perú. Liderado por el Gran Maestro Enrique Deacon Villanueva (IX Dan ITF), discípulo directo del fundador General Choi Hong Hi, cuenta con una red de 9 Dojangs oficiales distribuidos en Lima.
Red de Sedes Oficiales (Dojangs)
| N° | Dojang | Distrito |
|---|---|---|
| 1 | Mu-Shim Dojang (Sede Central) | Surco |
| 2 | Choi-Yong Dojang | Pueblo Libre |
| 3 | Dan-Gun Dojang | San Juan de Lurigancho |
| 4 | Centro de Taekwon-Do Tradicional (CTT) | Surco |
| 5 | Hwarang Dojang | Chacarilla - Surco |
| 6 | Pil-Sung Dojang | Los Olivos |
| 7 | In-Nae Dojang | Cercado de Lima |
| 8 | Kwang-Gae Dojang | Los Olivos |
| 9 | Kang-Do Dojang | Pro - Los Olivos |
1. Situación Actual vs. Arquitectura Propuesta
| Característica | Web Original (WordPress) | Nueva Web (Astro 7 Demo) |
|---|---|---|
| Tecnología Core | PHP 8.x + MySQL + WordPress CMS | Astro 7 (SSG) + TypeScript |
| Maquetador / CSS | Elementor Page Builder + Astra Theme | Tailwind CSS v4 + Vite |
| Componentes Dinámicos | Plugins pesados de WordPress | Preact (Islands Architecture) |
| Navegación | Recarga completa tradicional | View Transitions (ClientRouter) |
| Tipografía | Google Fonts bloqueantes por CSS | astro-font (Zero-CLS & Preload) |
| Despliegue | Servidor LAMP/cPanel (VPS pago) | Serverless Static Edge ($0) |
2. Beneficios Clave de la Migración
⚡ A. Rendimiento Excepcional (Core Web Vitals)
- Compilación ultrarrápida: Las 33 páginas estáticas del sitio completo se compilan en solo ~4 segundos.
- Lighthouse 100/100: Rendimiento, Accesibilidad y Buenas Prácticas al máximo de forma predeterminada.
- Cero Bloqueo de Renderizado: Imágenes procesadas a WebP con
sharpen tiempo de build y fuentes precargadas conastro-fonteliminando el Cumulative Layout Shift (CLS). - Arquitectura de Islas: El 99% del sitio se sirve como HTML estático puro. Solo el menú móvil y los componentes interactivos se hidratan con Preact bajo demanda.
🔍 B. SEO de Nivel Superior
- Etiquetas Open Graph y Twitter Cards dinámicas configuradas por página.
- HTML5 semántico estricto y URLs limpias para indexación inmediata por Googlebot.
- Modelo de datos centralizado en TypeScript que garantiza coherencia en títulos, descripciones y metadatos de las 9 sedes sin duplicación de código.
💰 C. Reducción Radical de Costos
- Hosting: De $15–$50 USD/mes (servidor WordPress) a $0.00 USD/mes en Netlify/Cloudflare Pages.
- Seguridad total: Sin base de datos SQL ni PHP activo → superficie de ataque cero (inmune a inyecciones SQL, fuerza bruta en wp-admin y vulnerabilidades de plugins).
- Mantenimiento cero: Sin actualizaciones semanales de plugins, parches de seguridad ni respaldos pesados de base de datos.
3. Stack Técnico Detallado
Modelo de Datos Tipado
La información de las 9 sedes, directores, plana docente y configuraciones globales se organiza en módulos TypeScript fuertemente tipados (src/data/dojangs.ts, src/data/siteConfig.ts). Esto elimina el código duplicado y permite actualizar datos institucionales en segundos de forma mantenible y segura.
Navegación Fluida tipo SPA
Mediante el componente nativo ClientRouter de Astro 7, la navegación entre páginas se realiza de forma instantánea con un suave crossfade, brindando la sensación de una aplicación nativa sin perder los beneficios SEO del sitio estático.
Optimización de Imágenes Automática
El componente nativo Image de Astro integrado con sharp procesa y convierte automáticamente todas las fotografías a formato WebP en tiempo de compilación, optimizando el peso visual crítico para usuarios en conexiones móviles.
Conclusión
Migrar el sitio del IPTI de WordPress a Astro 7 representa un salto tecnológico de primer nivel. El sitio pasa de ser un sistema monolítico lento, costoso y vulnerable, a una plataforma estática ultrarrápida con un Lighthouse 100/100, costo operativo de $0 y seguridad inquebrantable — alineada con el prestigio de la principal entidad de Taekwon-Do ITF del Perú.