Migrar un proyecto existente a Astro

¿Listo para convertir tu sitio a Astro? Consulta una de nuestras guías para tips de migración.

Guías de migración

• 

  Create React App

• 

  Docusaurus

• 

  Eleventy

• 

  Gatsby

• 

  GitBook

• 

  Gridsome

• 

  Hugo

• 

  Jekyll

• 

  Next.js

• 

  NuxtJS

• 

  Pelican

• 

  SvelteKit

• 

  VuePress

• 

  WordPress

Ten en cuenta que muchas de estas páginas son esbozos: ¡son colecciones de recursos que esperan tu contribución!

¿Por qué migrar tu sitio a Astro?

Astro proporciona muchos beneficios: rendimiento, simplicidad, y muchas de las características que quieres integradas directamente en el framework. Cuando necesitas extender tu sitio, Astro proporciona varias integraciones oficiales y de la comunidad de terceros.

¡Migrar puede ser menos trabajo del que crees!

Dependiendo de tu proyecto existente, es posible que puedas usar tu:

• Componentes de framework de UI directamente en Astro.

• Hojas de estilo o librerías CSS incluyendo Tailwind.

• Archivos Markdown/MDX, con un procesador de Markdown configurable que soporta plugins.

• Contenido de un CMS a través de una integración o API.

¿Qué proyectos puedo convertir a Astro?

Muchos sitios existentes pueden construirse con Astro. Astro es idealmente adecuado para tus sitios basados en contenido existentes como blogs, landing pages, sitios de marketing y portafolios. Astro se integra con varios headless CMSes populares, y te permite conectar carritos de compra de eCommerce.

Astro te permite tener un sitio web completamente generado de forma estática, una app dinámica con rutas renderizadas bajo demanda, o una combinación de ambos con control completo sobre el renderizado de tu proyecto, haciéndolo un gran reemplazo para SSGs o para sitios que necesitan obtener algunos datos de página al vuelo.

¿Cómo cambiará el diseño de mi proyecto?

Dependiendo de tu proyecto existente, puede que necesites pensar diferente sobre:

• Diseñar en Astro Islands para evitar enviar JavaScript innecesario al navegador.

• Proporcionar interactividad del lado del cliente con etiquetas <script> del lado del cliente o componentes de framework de UI.

• Gestionar estado compartido con Nano Stores o almacenamiento local en lugar de hooks o wrappers de toda la app.