Ir al contenido principal

Entrega más rápido. Con intención.

Para Frases de titular rotativas: agencias, estudios, fundadores que publican sitios de marketing que se sienten diseñados.

nexus / vista previa
Vista previaEstático

Árboles reales de la plantilla

Badge, Button, Input y Alert: los mismos primitivos que envías.

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

93
Móvil
100
Escritorio

Categorías Lighthouse

Categorías Lighthouse móvil vs escritorio
CategoríaMóvilEscritorio
Rendimiento93100
Accesibilidad100100
Buenas prácticas100100
Posicionamiento SEO100100

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.

Proof — el estudio de una fotógrafa — Ver el sitio