Plataforma Labitcode

Visión General

La plataforma labitcode constituye los cimientos de nuestro laboratorio de ingeniería. Está concebida para ser:

• Rápida — Puntuaciones de 100/100 en Lighthouse en todas las categorías.
• Accesible — HTML semántico, atributos ARIA y navegación fluida por teclado.
• Optimizada para SEO — Metadatos dinámicos, microdatos JSON-LD y soporte bilingüe con etiquetas hreflang.
• Mantenible — Colecciones de contenido con tipado estricto mediante esquemas de Zod.

Arquitectura

La plataforma sigue una arquitectura estática en el edge (Static-First). Los contenidos se redactan en MDX, se validan mediante esquemas rigurosos y se compilan a HTML estático ultraoptimizado en tiempo de compilación.

src/
├── content/        # Contenido MDX con frontmatter validado con Zod
├── components/     # Componentes modulares en Astro
├── layouts/        # Layout base con cabecera SEO
├── pages/          # Enrutamiento basado en archivos (incluye /es/)
├── styles/         # Configuración CSS moderna con Tailwind v4
└── utils/          # Funciones auxiliares (tiempo de lectura, fechas)

Características Principales

• Resaltado de sintaxis de doble tema con Shiki (github-dark / github-light).
• Buscador difuso (fuzzy search) en el cliente con cero dependencias externas.
• View Transitions para una navegación fluida sin recargas bruscas.
• Sistema de temas anti-FOUC que respeta las preferencias del sistema desde la primera pintura.

Despliegue

Desplegado en el edge global mediante Vercel, con compilaciones y validaciones automáticas ante cada subida a la rama main.