🏫 Portal Web JBG — Prototipo Técnico (Astro 5.13 + Tailwind 4)
Prototipo Experimental para la Modernización del Portal Jorge Basadre
portal-web-jbg fue el entorno experimental donde se probó por primera vez la integración entre el motor Astro 5.13 y la nueva arquitectura de Tailwind CSS v4 (
@tailwindcss/vite). Este banco de pruebas permitió evaluar el rendimiento del nuevo compilador Oxide de Tailwind antes de consolidar el diseño en el repositorio oficial definitivo.
- 💻 Repositorio GitHub: github.com/Alecwce/portal-web-jbg (Privado)
- 🧪 Propósito: Banco de pruebas de velocidad de build y compatibilidad de plugins en Vite
✨ Aprendizajes y Pruebas del Prototipo
flowchart LR Proto["🧪 Prototipo portal-web-jbg"] --> Test1["⚡ Test Vite + Tailwind 4\n(Eliminación de postcss.config tradicional)"] Proto --> Test2["🚀 Astro 5.13 Engine\n(Nuevas directivas de Server Islands y prerender)"] Proto --> Test3["📐 Sistema de Grillas & Tipografía\n(Validación de fuentes y contraste)"] Proto --> Concl["✅ Base Validada\n(Migrado a ie-proyecto-jorge-basadre-2025)"]
- Adopción de Tailwind CSS v4:
- Comprobación de que la integración directa vía
@tailwindcss/viteredujo los tiempos de compilación local en más de un 60%.
- Comprobación de que la integración directa vía
- Validación de Componentes Escolares:
- Construcción de barras de navegación accesibles, tarjetas para listas de docentes y tablas de horarios.
- Cierre de Ciclo:
- Una vez comprobada la estabilidad de la pila técnica, el código maduro fue trasladado a I.E. Jorge Basadre 2025.
🛠️ Stack Tecnológico
| Herramienta | Versión | Rol |
|---|---|---|
| Framework Web | Astro 5.13.9 | Generador estático de páginas |
| Motor de Estilos | Tailwind CSS v4 (@tailwindcss/vite) | Compilación de utilidades CSS de alta velocidad |
| Lenguaje | TypeScript | Tipado de propiedades en componentes Astro |
🔗 Relación con el Sistema
- 🏫 Ecosistema Basadre: Vinculado con I.E. Jorge Basadre 2025 y Portal IE 21601 Casapalca.
- 📋 MOC de Proyectos: Registrado en Proyectos Privados.