| title | description | i18nReady |
|---|---|---|
Migrando um projeto existente para o Astro |
Algumas dicas e truques para converter seu site para o Astro. |
true |
import MigrationGuidesNav from '~/components/MigrationGuidesNav.astro';
Pronto para converter seu site para o Astro? Veja um dos nossos guias para dicas 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!
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.
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.
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.