Colecciones de contenido
Organiza tu Markdown y MDX con seguridad de tipos TypeScript integrada y validación de frontmatter.
Astro 7.0
¡Disponible ahora mismo!
El framework web para sitios web con contenido
Astro impulsa los sitios de marketing más rápidos del mundo, blogs, tiendas de comercio electrónico y mucho más.
Empieza
npm create astro@latest
Usado por las empresas más grandes del mundo:
¿Qué es Astro?
Astro es un framework web de JavaScript optimizado para construir sitios web rápidos y basados en contenido.
Servidor Primero
Astro mejora el rendimiento del sitio web renderizando componentes en el servidor, enviando HTML ligero al navegador con cero sobrecarga innecesaria de JavaScript.
Centrado en el contenido
Astro fue diseñado para funcionar con tu contenido, sin importar dónde esté alojado. Carga datos desde tu sistema de archivos, una API externa o tu CMS favorito.
Personalizable
Extiende Astro con tus herramientas favoritas. Trae tus propios componentes de interfaz de usuario en JavaScript, librerías de CSS, temas, integraciones y mucho más.
Rendimiento de Primera Clase
Islas Astro
Las Islas optimizan tu sitio web como ninguna otra plataforma web puede. Aprovecha el rendimiento único de carga de página de Astro para mejorar las tasas de conversión, los indicadores clave de experiencia del usuario (Core Web Vitals) y el SEO.
% de sitios web reales con buenos Core Web Vitals
Puntajes de Astro Core Web Vitals superados
66%
Pasa el WordPress Core Web Vitals
48%
Gatsby Core Web Vitals Aprobado
47%
Superando Core Web Vitals de Next.js
30%
Núxt Core Web Vitals Aprobado
28%
Mira el conjunto de datos completo· Basado en datos de rendimiento del mundo real provenientes de HTTP Archive y el Chrome UX Report.
Flexibilidad Máxima
Cero ataduras
Astro es compatible con todos los frameworks de interfaz de usuario principales. ¡Trae tus componentes existentes y aprovecha el rendimiento optimizado de compilación de cliente de Astro!
---import BuyButton from '../components/BuyButton.jsx';import { getProductDetails } from "ecommerce-package";import ProductPageLayout from '../layouts/ProductPageLayout.astro';
const product = await getProductDetails(Astro.params.slug);---
<ProductPageLayout> <img src={product.imageUrl} alt={product.imageAlt} /> <h2>{product.name}</h2> <BuyButton id={product.id} client:load /></ProductPageLayout>Todo lo que necesitas
Totalmente equipado
Astro viene con todo lo que necesitas para construir un sitio web moderno. ¿Necesitas más? Amplía Astro con integraciones.
Cero JavaScript, Por Defecto
Astro solo envía el JavaScript que necesitas y automáticamente elimina lo demás para un sitio web más rápido.
Transiciones de vista
Cambiá, desvanecé y desliza páginas sin problemas con las View Transition APIs nativas del navegador.
Imágenes optimizadas
¡Elimina los cambios de diseño y sirve formatos de imagen optimizados y modernos con los componentes y utilidades integrados de Astro!
Integraciones de UI
¡Trae tus frameworks de interfaz de usuario y librerías de componentes favoritos con la arquitectura flexible de islas de Astro!
ReactVueSvelteAngularPreactSólidoQwik
Enrutamiento basado en archivos
El sistema de enrutamiento flexible de Astro te permite entender la estructura de tu sitio de un vistazo.
Middleware
Envuelve las solicitudes entrantes con lógica personalizada como autenticación, registro o recuperación de datos.
Acciones
Escribe funciones de backend con tipado seguro que puedas llamar directamente desde tu código JavaScript del lado del cliente.
Adaptadores de Despliegue
Configuración de una línea para Netlify, Vercel, AWS o tu plataforma de alojamiento favorita.
Node.jsCloudflareVercelNetlifySSTDenoAWS
Templado Simple
Si sabes HTML, ya sabes lo suficiente para escribir tu primer componente Astro. Crea componentes de servidor potentes que todos en tu equipo entiendan.
Carga Instantánea de Páginas
Optimiza la carga de página con una precarga automática inteligente. Elige entre las opciones predefinidas o diseña una estrategia perfecta para tu sitio web.
Listo para la IA
Integra el servidor MCP y los archivos de contexto oficiales de Astro con tus herramientas de IA favoritas para una experiencia de desarrollo de primera categoría.
Variables de entorno
Evita errores de configuración comunes con una API integrada para gestionar tus variables de entorno.
Dev Toolbar
Amplía tu entorno de desarrollo con aplicaciones e integraciones para la barra de herramientas de desarrollo integrada.
Ecosistema
Temas
Empieza más rápido con un tema de sitio web prediseñado para Astro. ¡Personalízalo para que sea tuyo!
Agencias Socios Astro
Obtén soporte profesional de Astro
Encuentra el equipo adecuado para tu proyecto con una Agencia Astro Partner. Desde páginas de destino hasta comercio electrónico, obtén la ayuda experta que necesitas.
Empieza a crear con
Astro hoy mismo.
Empieza
npm create astro@latest