Migra un proyecto existente a Astro

¿Listo para convertir tu sitio a Astro? Consulta una de nuestras guías con consejos 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 esperando tu contribución.

¿Por qué migrar tu sitio a Astro?

Astro ofrece muchas ventajas: rendimiento, simplicidad y muchas de las funciones que quieres ya integradas en el framework. Cuando necesitas ampliar tu sitio, Astro ofrece varias integraciones oficiales y de la comunidad.

Migrar puede requerir menos trabajo del que crees.

Dependiendo de tu proyecto existente, puede que puedas usar:

• Componentes de frameworks UI (EN) directamente en Astro.

• Hojas de estilo o librerías CSS, incluido Tailwind.

• Archivos Markdown/MDX (EN), configurados con tus plugins de remark y rehype (EN) existentes.

• Contenido desde un CMS mediante una integración o API.

¿Qué proyectos puedo convertir a Astro?

Muchos sitios existentes pueden construirse con Astro. Astro es ideal para sitios basados en contenido como blogs, landing pages, sitios de marketing y porfolios. Astro se integra con varios CMS headless populares, y te permite conectar carritos de eCommerce.

Astro te permite tener un sitio completamente estático, una app dinámica con rutas renderizadas bajo demanda, o una combinación de ambos con control total sobre el renderizado del proyecto, lo que lo convierte en una gran alternativa a otros SSG o a sitios que necesitan obtener datos en tiempo real para ciertas páginas.

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

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

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

• Proporcionar interactividad del lado cliente con etiquetas <script> del lado cliente o componentes de frameworks UI (EN).

• Gestionar estado compartido (EN) con Nano Stores o local storage en lugar de hooks o wrappers globales de aplicación.