Migra un proyecto existente a Astro

¿Listo para convertir tu proyecto a Astro? Consulta una de nuestras guías para obtener consejos de migración.

Guías de migración

Sección titulada 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 colecciones: ¡son colecciones de recursos que esperan tu contribución!

¿Por qué migrar tu proyecto a Astro?

Sección titulada ¿Por qué migrar tu proyecto a Astro?

Astro ofrece muchos beneficios: rendimiento, simplicidad y muchas de las funciones que deseas integrar directamente en el framework. Cuando necesites ampliar tu proyecto, Astro proporciona varias integraciones comunitarias, oficiales y de terceros.

¡Migrar puede ser menos trabajo de lo que piensas!

Dependiendo de tu proyecto, es posible que puedas reusar el existente:

• Componentes de framework directamente en Astro.

• Hojas de estilo CSS o bibliotecas incluyendo Tailwind.

• Archivos Markdown/MDX, configurado usando tus plugins de remark y rehype.

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

¿Qué proyectos puedo convertir a Astro?

Sección titulada ¿Qué proyectos puedo convertir a Astro?

Muchos proyectos existentes se pueden construir con Astro. Astro es ideal para tus proyectos basados en contenido, como blogs, páginas landing, sitios de marketing y portafolios. Astro se integra con varios headless CMSs populares y te permite conectar carritos de compras de eCommerce.

Astro te permite elegir entre un proyecto generado estáticamente y en el servidor (SSR), lo que lo convierte en un excelente reemplazo para los SSG o para los proyectos que necesitan obtener algunos datos de la página al vuelo.

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

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

Dependiendo de tu proyecto, es posible que debas pensar de manera diferente acerca de:

• Diseño con Islas de Astro para evitar enviar JavaScript innecesario al navegador.

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

• Administrar el estado compartido con Nano Stores o almacenamiento local en lugar de hooks o contextos para toda la aplicación.