Migrando um projeto existente para o Astro
Pronto para converter seu site para o Astro? Veja um dos nossos guias para dicas de migração.
Guias de Migração
Seção intitulada Guias de Migração
Note que várias dessas páginas são esboços: elas são coleções de recursos esperando por sua contribuição!
Por que migrar seu site para o Astro?
Seção intitulada Por que migrar seu site para o Astro?Astro tem vários benefícios: performance, simplicidade e muitas das funcionalidades que você quer integradas ao framework. Quando você precisa expandir seu site, Astro providencia várias integrações oficiais e de terceiros da comunidade.
Migrar pode ser menos trabalhoso do que você acredita!
Dependendo do seu projeto existente, você pode ser capaz de usar os já existentes:
-
Componentes de frameworks de UI diretamente no Astro.
-
Folhas de estilo ou bibliotecas de CSS incluindo Tailwind.
-
Arquivos Markdown/MDX, configurados usando seus plugins remark e rehype.
-
Conteúdos de CMS a partir de uma integração ou API.
Quais projetos posso converter para o Astro?
Seção intitulada Quais projetos posso converter para o Astro?Vários sites existentes podem ser construídos com Astro. Astro é especialmente adequado para seus sites baseados em conteúdo como blogs, páginas iniciais, sites de marketing e portfólios. Astro se integra com vários CMSs headless populares e te permite conectar carrinhos de compras de eCommerce.
Astro te permite escolher entre um site gerado estaticamente e renderização no lado do servidor (SSR), o fazendo um ótimo substituto para SSGs ou para sites que precisam buscar dados da página no momento.
Como o design do meu projeto vai mudar?
Seção intitulada Como o design do meu projeto vai mudar?Dependendo do seu projeto existente, você pode precisar pensar de forma diferente sobre:
-
Projetar com Ilhas Astro para evitar enviar JavaScript desnecessário ao navegador.
-
Providenciar interatividade no lado do cliente com tags
<script>no lado do cliente ou componentes de frameworks de UI. -
Gerenciar estado compartilhado com Nano Stores ou armazenamento local ao invés de hooks ou wrappers a nível de aplicação.