Ir al contenido principal

La plantilla deliberada

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

Cinco sitios terminados. Empieza por el que más se parezca al tuyo.

Cada mundo es un sitio completo construido solo con los componentes de esta plantilla, en escritorio y en móvil. Abre uno y navega: cada página es real.

  • Página de inicio de Cairn en una pantalla de escritorio
    Página de inicio de Cairn en un móvil

    Cairn — una plataforma empresarial

    Mundo B2B: un documento de confianza de una página con afirmaciones respaldadas por fuentes, una consola de métricas, testimonios de clientes y un registro de controles.

    Abrir Cairn
  • Página de inicio de Proof en una pantalla de escritorio
    Página de inicio de Proof en un móvil

    Proof — el estudio de una fotógrafa

    Un mundo de portfolio minimalista: raíl de estudio, escenas de imagen a pantalla completa, transiciones discretas.

    Abrir Proof
  • Página de inicio de Oak & Ember en una pantalla de escritorio
    Página de inicio de Oak & Ember en un móvil

    Oak & Ember — una tienda artesanal

    Mundo de tienda: colecciones, fichas de producto, carrito y un pago de demostración (sin pedidos ni cobros).

    Abrir Oak & Ember
  • Página de inicio de Folio en una pantalla de escritorio
    Página de inicio de Folio en un móvil

    Folio — una revista editorial

    Mundo de lectura: artículos, autores, categorías y etiquetas.

    Abrir Folio

Empieza por el sitio entero. Aterriza en un solo botón.

Cada nivel es marcado real del framework, dentro del anterior.

El sitioUn muro de páginas, todas construidas con las mismas piezas.

Visitantes

12.4k

8.0%
Destacado

$29

Publicamos todo nuestro sitio en una semana.

AL
Ada Lovelace

Publicado

Compilación 78%
Conversión 4.5 (1280) Publicado

Conversión

4.8%

2.0%

Una páginaHecha con componentes reales: títulos, tarjetas y botones.

Nexus

Destacado

Constrúyelo una vez, publica cada página

Secciones y primitivas que se componen en cualquier cosa.

Rápido desde el primer momento

Las páginas aparecen antes de que el visitante parpadee.

Abierto a todos

Cada control funciona con teclado y se lee en voz alta.

Habla todos los idiomas

Cambia todo el sitio a otro idioma con un clic.

Un botónColor, anillo de foco y radio, definidos una vez y usados en todas partes.

Empezar
--color-primary-500 --shadow-focus --radius-md

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