Saltearse al contenido

Empezando

¿Qué es Astro?

Astro es un framework web todo en uno para crear páginas web rápidas y centradas en el contenido.

  • Islas de componentes: Una nueva arquitectura web para crear sitios web más rápidos.
  • Diseño de API que prioriza el servidor: Elimina la costosa hidratación de los dispositivos de tus usuarios.
  • Cero JS, de forma predeterminada: Sin sobrecarga del entorno de ejecución de JavaScript que lo ralentice.
  • Listo para Edge: Despliegue en cualquier lugar, incluso en un entorno de ejecución global Edge como Deno o Cloudflare.
  • Personalizable: Tailwind, MDX y más de 100 integraciones entre las que elegir.
  • UI-Agnóstico: Compatible con React, Preact, Svelte, Vue, Solid, Lit y más.

Consulta nuestro resumen detallado de ¿Por qué Astro? para obtener más información sobre qué hace a Astro especial. ✨

Visita astro.new y elige entre una variedad de plantillas para comenzar. ¡Juega con una versión completa y funcional de Astro directamente en tu navegador!

¡Crea un nuevo proyecto de Astro localmente con nuestro asistente de CLI create astro!

Terminal window
# crear un nuevo proyecto con npm
npm create astro@latest

Nuestra guía de instalación tiene instrucciones completas y paso a paso para instalar Astro usando nuestro asistente CLI, como crear un nuevo proyecto desde un repositorio de GitHub y para instalar Astro manualmente.

¡Encuentra ejemplos de los patrones y conceptos clave de un proyecto de Astro!

📚 Agrega tu primera página a tu proyecto.

📚 Lee más sobre la estructura del proyecto de Astro.

📚 Aprende sobre el enrutamiento basado en archivos de Astro.

… encuentra la documentación completa de la API en la pestaña Referencia.

🧰 Comienza tu próximo proyecto con una plantilla prediseñada.

🧰 Personaliza tu proyecto con plugins y componentes oficiales y hechos por la comunidad.

🧰 Inspírate visitando nuestra exhibición de proyectos.

… lee nuestra guía de integraciones.

¡Únete al Discord de Astro para compartir conocimiento y recibir ayuda de una comunidad activa y muy amigable!

💬 ¡Di hola en nuestro canal #general!

💬 ¡Pregunta lo que necesites a nuestro Support Squad en el canal #support!

💬 ¡Comparte lo que has hecho en nuestro canal #showcase!

Blog de Astro

Historial de cambios de Astro

Estas traducciones de documentos te las traen todas estas personas increíbles. ¡Ayúdanos con las traducciones!

Estos docs fueron creados por toda esta gente maravillosa. ¡Únete a nosotros en GitHub!