Entrega más rápido. Con intención.
Todo lo que necesitas
Bloques documentados como base para sitios web profesionales
Ultrarrápido
Arquitectura static-first con JavaScript del lado del cliente solo donde las funciones lo requieren.
Fundamentos de accesibilidad
El HTML semántico y los patrones de interacción por teclado y lectores de pantalla están integrados en el sistema de componentes.
Multilingüe
Soporte i18n integrado para 5 idiomas con traducciones con seguridad de tipos y URL traducidas.
Sistema de temas
Design tokens como CSS custom properties con modo oscuro, escalas de colores personalizables y espaciado consistente.
Componentes componibles
Primitivos UI autónomos que se componen en secciones, layouts y páginas completas sin esfuerzo.
Optimizado para SEO
Datos estructurados JSON-LD, meta etiquetas, generación de sitemap y compartir en redes sociales listos para usar.
Puntuaciones de laboratorio de Lighthouse
Ejecuciones reales de Lighthouse sobre un build de producción de esta página de inicio. La fecha y el commit de abajo indican exactamente qué build se midió.
Medido: 21 oct 2026, 9:28 · commit 3ca0494
Categorías Lighthouse
| Categoría | Móvil | Escritorio |
|---|---|---|
| Rendimiento | 93 | 100 |
| Accesibilidad | 100 | 100 |
| Buenas prácticas | 100 | 100 |
| Posicionamiento SEO | 100 | 100 |
Medición de laboratorio con Lighthouse simulate — mismos perfiles de dispositivo y throttling que PageSpeed Insights. Escritorio usa una curva más estricta que móvil; no están pensadas para coincidir.
Preguntas frecuentes
Todo lo que necesitas saber sobre Nexus
¿Qué es Nexus?
Nexus es una plantilla Astro moderna con componentes UI componibles, soporte i18n integrado y modo oscuro sin configuración. Está diseñada para construir sitios web rápidos, accesibles y profesionales.
¿Necesito conocer React o Vue?
No. Las páginas y los componentes son Astro: plantillas similares a HTML con interactividad en el cliente solo donde la añadas. La única excepción son los componentes de gráficos opcionales, que usan React y Recharts internamente; los colocas como cualquier otro componente.
¿Está incluido el modo oscuro?
Sí. El modo oscuro está integrado usando CSS custom properties y una clase .dark en el elemento html. Actívalo con el botón del encabezado — se mantiene vía localStorage.
¿Cómo personalizo el tema?
Todos los design tokens están definidos como CSS custom properties en la hoja de estilos global. Sobrescribe colores, espaciado, tipografía, sombras y más editando los valores para que coincidan con tu marca.
¿Son accesibles los componentes?
Los componentes usan HTML semántico y patrones documentados de teclado y ARIA. Valida los componentes y las combinaciones que publiques según tus requisitos de accesibilidad.
¿Puedo usar componentes individuales?
Absolutamente. Cada componente es autónomo y se puede importar independientemente. Mezcla y combina solo lo que necesitas — sin imports forzados ni código no utilizado en tu bundle.
Crea algo deliberado.
Clona el repo. Ejecuta pnpm dev. Lo impresionante siempre fue posible — solo tenías que elegirlo.