Landing pages & site templates

AstroWind

Plantilla gratuita con licencia MIT en Astro y Tailwind CSS para una web de marketing y un blog

arthelokyo/astrowindAstro5,887 as of 2026-08-19
By Jake Luo · Published 19 ago 2026

AstroWind es una plantilla de sitio web gratuita y con licencia MIT construida sobre Astro 7 y Tailwind CSS 4, con 5.887 estrellas en GitHub en agosto de 2026. Un solo comando genera una web de marketing y un blog que produce HTML estático, crea su propio sitemap, emite etiquetas Open Graph y un feed RSS, y acepta un identificador de Google Analytics desde un único fichero YAML de configuración. Eso cubre con solvencia la mitad de construir el lanzamiento. No cubre la mitad que decide si alguien llega, que es qué publicas en la web y a quién se lo cuentas.

Qué trae realmente AstroWind

AstroWind (github.com/arthelokyo/astrowind) es un tema de partida, no un framework ni un producto alojado: generas una copia, la editas y el resultado es tuyo. Tiene licencia MIT y, junto a sus estrellas, acumula 1.659 forks, que en una plantilla es el número más revelador: los forks son gente que de verdad empezó un sitio con ella. El repositorio se describe como el tema de Astro más marcado y bifurcado de los últimos cuatro años, algo que es la afirmación del mantenedor y no algo que hayamos verificado. Leyendo el README y la configuración, esto es lo que viene en la caja:

  • Salida estática por defecto La plantilla usa la compilación estática de Astro, así que desplegar es publicar una carpeta de ficheros HTML. Esa es la razón de que sus métricas de rendimiento aguanten sin ajustes, y para las búsquedas importa: las etiquetas que necesita un rastreador están en el HTML que entrega el servidor, no ensambladas después por un script.
  • Un blog ya montado Entradas en Markdown y MDX, categorías y etiquetas, paginación, entradas relacionadas, botones para compartir y un feed RSS. Los enlaces permanentes son configurables, y categorías, etiquetas y el listado pueden desactivarse o renombrarse desde la configuración.
  • Fontanería de SEO Un sitemap generado a partir de tus rutas, metadatos de Open Graph y de tarjeta de Twitter, una plantilla de títulos e indicadores de index y follow por sección, todo definido en un único `src/config.yaml` en lugar de repartido entre componentes.
  • Gestión de imágenes Imágenes responsivas nativas de Astro junto a Unpic para una CDN de imágenes universal, de modo que las imágenes se optimizan en tiempo de compilación en vez de servirse tal como las dejaste.
  • Tematización con Tailwind CSS 4 Los colores y las tipografías viven como variables CSS en `CustomStyles.astro`, con los tokens del tema en `tailwind.css`, siguiendo la configuración centrada en CSS de Tailwind 4. El modo oscuro y los diseños de derecha a izquierda vienen de serie.
  • Un hueco para analítica, vacío por defecto La configuración incluye un campo de identificador de Google Analytics con valor nulo. Rellenarlo es una línea; comprobar que después realmente registra datos es otro trabajo, y de eso va la siguiente sección.

¿Está mantenida?

Conviene comprobarlo en cualquier plantilla, porque una abandonada te ata en silencio a una versión antigua del framework. El historial de commits de AstroWind en agosto de 2026 es sustancial y no de mero mantenimiento: una tanda de trabajo del 8 de agosto adoptó la API nativa de fuentes de Astro y la precarga por viewport, pasó el tratamiento de imágenes a las imágenes responsivas propias de Astro, sustituyó un paquete monolítico de scripts por componentes web, activó TypeScript estricto y eliminó código muerto. Las dependencias se movieron a Astro 7 el 4 de agosto, y a comienzos del verano hubo modernización de la integración continua y correcciones de tipado. Requiere una versión reciente de Node, y sus versiones etiquetadas van por detrás de la rama principal, así que lo que generas desde la plantilla está por delante de la última etiqueta.

Lo que una plantilla no puede hacer por ti

Una plantilla te quita la semana que habrías dedicado a maquetación, comportamiento responsivo y metaetiquetas. No quita la razón por la que la mayoría de webs de fundadores siguen calladas: una página técnicamente excelente sobre un producto que nadie busca sigue sin recibir visitas. AstroWind generará un sitemap; no puede decidir qué debe ir en él. Renderizará lo que escribas en HTML rápido y rastreable; el criterio sobre qué páginas merece la pena escribir sigue siendo tuyo, y ese criterio es la mayor parte del resultado.

La secuencia honesta para un sitio nuevo es que la plantilla te compra velocidad en lo mecánico, y a partir de ahí el trabajo cambia de naturaleza por completo: elegir las preguntas que tus compradores escriben de verdad, publicar algo mejor que lo que ya posiciona para ellas y ganar los primeros enlaces y menciones. Si partes de cero, el SEO para una web recién creada es el calendario honesto, y convertir visitantes en registros es la parte que decide si el tráfico vale algo cuando llega. Añadir marcado de datos estructurados sobre lo que ya emite la plantilla es barato y ayuda a que los motores de IA te citen correctamente.

Esa mitad de distribución es para lo que existe AgentCeres, tu AI Growth Officer. Es un equipo de marketing con IA gestionado que investiga tu mercado, redacta el contenido y la comunicación, y te propone el trabajo de salida para que lo apruebes antes de publicar nada. Complementa a una plantilla como AstroWind en vez de competir con ella: la plantilla te da el sitio, el equipo te da un motivo para que alguien lo visite. Puedes ver cómo funciona en agentceres.com.

Comprueba que el sitio registra datos antes de fiarte de sus números

Esto es una lección de primera mano más que un consejo sobre AstroWind en concreto, y aplica a cualquier plantilla con un campo de analítica. Nosotros construimos y alojamos páginas de aterrizaje para nuestros propios clientes, y esas páginas publicadas se sirven bajo una política de seguridad de contenido estricta. Cuando lanzamos la funcionalidad, inyectábamos una pequeña etiqueta de script de analítica en cada página. La etiqueta estaba en el HTML, la página se veía perfecta y el contador de visitas marcaba cero. Nada servía ese script: la petición devolvía un 404 en cada visita, en cada página, durante días. Solo lo detectamos porque un cero rotundo y sin variación resulta más sospechoso que una cifra baja. Ahora el recuento ocurre en el servidor, después de que la página se haya devuelto de verdad.

La regla transferible: una etiqueta presente en tu código fuente no es lo mismo que una etiqueta que registra datos. Esa misma política rompió en silencio otras dos cosas que en local se veían bien, una imagen alojada fuera y una hoja de estilos de fuentes web cargada desde otro dominio, porque las reglas de la capa de alojamiento se aplican a la página desplegada y no a la copia de tu portátil. Después de desplegar una plantilla, abre la URL en producción con el panel de red del navegador y confirma que la petición de analítica devuelve un 200, que tus imágenes cargan desde el origen desplegado y que el código fuente muestra tu título, tu descripción y tu canónica dentro del head.

Comprobaciones posteriores al despliegue que valen cinco minutos
  • Mira el código fuente de la URL en producción y confirma que título, descripción, canónica y etiquetas Open Graph están dentro del elemento head.
  • Carga la página desplegada con el panel de red abierto: toda petición debería devolver 200, en especial la de analítica.
  • Descarga /sitemap-index.xml y comprueba que lista las páginas que esperas; luego envíalo en Search Console.
  • Pasa la URL en producción por una prueba de velocidad en lugar de fiarte de la captura de la plantilla; tus imágenes y fuentes no son las de la demo.
  • Pon el identificador de Google Analytics en la configuración o elimina el campo: un hueco de analítica vacío significa que no se está registrando nada.

FAQ

¿AstroWind es gratis para uso comercial?
Sí. El repositorio tiene licencia MIT, que permite el uso comercial, la modificación y la redistribución siempre que se conserven la licencia y el aviso de copyright. No estás obligado a acreditar a AstroWind de forma visible en tu web, y no hay una versión de pago que bloquee funciones dentro de la propia plantilla.
¿Necesito saber Astro para usarla?
Menos de lo que podrías esperar para una web de marketing. La mayor parte de lo que un fundador cambia vive en un único fichero YAML de configuración y en ficheros de contenido en Markdown o MDX, y ninguno de los dos exige conocer el framework. Editar las propias secciones de la página implica tocar componentes .astro, que se leen como HTML con un bloque inicial de sabor JavaScript. La plantilla usa deliberadamente muy poco JavaScript en el cliente, dejándote la elección de React, Vue o Svelte si más adelante necesitas piezas interactivas.
¿Usar una plantilla así perjudica mi SEO porque otros sitios la usan?
No: los buscadores posicionan páginas por su contenido, sus enlaces y su experiencia, no por si el diseño se comparte con otros sitios. Miles de webs usan los mismos temas populares y posicionan bien. Lo que sí perjudica es publicar con el contenido de la demo todavía puesto, una descripción de relleno en todas las páginas o una imagen de Open Graph que sigue siendo la del autor de la plantilla. Eso son problemas de contenido que llegan con una plantilla, no una penalización por usarla.
¿En qué se diferencia de un constructor visual de webs?
AstroWind es código fuente que posees y despliegas donde quieras, se edita en un editor de texto y se versiona en Git, lo que encaja con un fundador técnico que no quiere proveedores por medio. Un constructor visual cambia esa propiedad por una experiencia de edición en el navegador que un compañero no técnico puede usar sin desplegar. Si alguien de marketing necesita cambiar textos sin abrir una pull request, la vía del constructor suele ser la más amable.
Related projects
WebstudioConstructor visual de webs de código abierto —una alternativa a Webflow que puedes autoalojarNext SEOComponentes React con licencia MIT para datos estructurados en proyectos Next.jsSatoriLa librería de código abierto de Vercel que convierte JSX y CSS en SVG: el motor detrás de las imágenes de Open Graph dinámicasSaaS BoilerplateUn starter kit de SaaS gratuito y de código abierto para Next.js con autenticación, multi-tenancy, roles y permisos, i18n y una landing page — creado con Tailwind CSS, Shadcn UI y TypeScript

You built it. Now grow it.

AgentCeres is a managed AI marketing team — specialists draft the SEO, social, and outreach that fill your links, you approve what ships. 14-day free trial, from $39/month.

Start free trialMore projects