Migração de Webflow para Astro levando CMS, design e URLs

Reconstruímos sites do Webflow em Astro, com o conteúdo em um CMS headless que é seu. As Collections saem do Webflow idioma por idioma com as referências intactas, todos os arquivos saem do CDN do Webflow, as interações que valem a pena são recriadas e cada URL mantém o endereço ou recebe um 301. Antes de o DNS mudar, rastreamos o staging com a lista completa de URLs antigas para confirmar a paridade de SEO.

Pedir uma propostaFale com a gente no WhatsApp
Dardo / Ilustração editorial
Nesta página

Por que as equipes trocam o Webflow pelo Astro

As equipes raramente saem do Webflow por causa do design. Elas saem quando os desenvolvedores fazem a maioria das mudanças, quando assentos e idiomas não param de aumentar a conta ou quando o site precisa de coisas que a hospedagem do Webflow não roda, como formulários que gravam nos seus próprios sistemas ou código compartilhado com o seu produto.

  • Assentos. O Webflow aposentou o Editor antigo em 5 de outubro de 2026, e cada novo editor precisa de um assento pago: US$ 15 por mês pelo limitado ou US$ 39 pelo completo, na cobrança anual, em outubro de 2026.
  • Planos. Em maio de 2026, o Webflow juntou os planos CMS e Business no Premium, a US$ 25 por mês na cobrança anual ou US$ 39 na mensal, e os sites existentes passam para ele na renovação.
  • Idiomas. Em outubro de 2026, o Localize Essential custa US$ 9 por mês por idioma, até três; URLs traduzidas exigem o Advanced, a US$ 29 por idioma.
  • Limites. O Premium inclui 20.000 itens de CMS, 40 Collections, 300 páginas estáticas e 50 GB de banda; dois meses seguidos acima do limite de banda disparam um upgrade automático.
  • Propriedade da engenharia. Um repositório pode compartilhar componentes com o seu produto e passar por code review; um canvas visual não.

Para a maioria dos sites, a mudança de planos de 2026 alterou a conta em algumas dezenas a poucas centenas de dólares por ano, o que sozinho não paga uma reconstrução. Nosso guia de preços do Webflow 2026 mostra quem paga mais na renovação e a partir de quando.

Webflow e Astro comparados para esta migração

O Webflow vende hospedagem, um Designer visual e um CMS em uma única assinatura por site. O Astro separa tudo isso em um framework no seu repositório, uma hospedagem e um CMS que você escolhe. Os valores do Webflow são os preços de outubro de 2026. Se o seu site se comporta como um aplicativo com login, e não como um conjunto de páginas, leia antes Astro vs Next.js.

Webflow e Astro comparados para esta migração
ÁreaWebflowAstro na Cloudflare
HospedagemCDN do Webflow, cobrado por site; o Premium inclui 50 GB, e 100 GB custam US$ 20 a mais por mêsQualquer hospedagem estática ou plataforma edge; a Cloudflare serve arquivos estáticos sem cobrança por requisição
EdiçãoAssentos completos trabalham no Designer; assentos limitados mudam conteúdo e montam páginas com componentes existentesCampos com prévia em um CMS headless; layouts novos passam por um desenvolvedor
Limites do CMS20.000 itens em 40 Collections e 300 páginas estáticas no PremiumOs do próprio plano do CMS: 10.000 documentos no Sanity Free, nenhum no Payload auto-hospedado
Controles de SEOTítulos, descrições, canonicals, sitemap e 301 nativosOs mesmos controles como código dos templates e campos do CMS; 301 configurados em um arquivo _redirects ou em código no Worker, na hospedagem
IdiomasLocalize, cobrado por idioma; URLs traduzidas só no AdvancedRoteamento de i18n com uma URL por idioma e hreflang escrito pelos templates
DependênciaExportação de código nos planos pagos de Workspace, sem conteúdo do CMS, processamento de formulários nem idiomas secundáriosTemplates em um repositório Git sob seu controle; um CMS que pode ser trocado ou auto-hospedado
Custo de operaçãoPremium a US$ 25 por mês na cobrança anual, mais assentos e idiomasHospedagem a partir de US$ 0, ou US$ 5 por mês no Workers Paid, com o CMS cobrado à parte

O que sai do Webflow e o que fica para trás

Um site no Webflow roda nos servidores do Webflow, então nenhum arquivo único contém o site. Cada parte tem a sua própria saída, e algumas não têm nenhuma. Essa é a principal diferença em relação a sair do WordPress, onde o banco de dados e os uploads são seus para copiar.

  • As Collections são exportadas em CSV pelo painel do CMS, uma de cada vez e só no idioma que está na tela. Referências viram texto simples, multirreferências viram listas separadas por vírgula e rich text vira HTML.
  • A Data API devolve até 100 itens por requisição e mantém referências e idiomas juntos; com as 120 requisições por minuto do Premium, 20.000 itens levam cerca de 200 chamadas por idioma.
  • Imagens e arquivos do CMS, inclusive os do rich text, continuam sendo links para o CDN do Webflow, e o Webflow avisa que eles quebram quando o projeto é excluído.
  • A exportação de código, nos planos pagos de Workspace como o Core a US$ 19 por mês na cobrança anual, traz HTML, CSS, o JavaScript do Webflow e as imagens do painel Assets. As Collection lists saem vazias.
  • Idiomas secundários, processamento de formulários, busca do site, páginas protegidas por senha e code components não saem em nenhuma exportação.
  • Os 301 existentes são exportados em CSV em Site settings, e os envios de formulários são baixados em CSV nos planos de site pagos.

Como o conteúdo do Webflow vira conteúdo no Astro

O novo modelo de conteúdo parte das suas Collections e das relações entre elas, não das colunas do CSV, para que um post continue apontando para o seu autor e os editores continuem encontrando os campos que já conhecem.

Como o conteúdo do Webflow vira conteúdo no Astro
No WebflowNo AstroComo migra
Páginas estáticasPáginas Astro montadas com componentesRefeitas um template de cada vez, com a página publicada e a exportação de código como referência
Collections e páginas de CollectionContent collections ou tipos do CMS, uma rota por página de CollectionLidas pela Data API, com cada slug mantido como está
Campos de referência e multirreferênciaReferências entre tiposUnidos pelo Item ID, não pelos nomes que o CSV imprime
Rich textRich text com imagens locaisHTML convertido, e cada imagem tirada de website-files.com
Collection lists e filtrosConsultas dentro de cada templateRefeitos a partir do que a página publicada mostra, já que a exportação os deixa vazios
Interactions e GSAPTransições CSS, keyframes ou um pequeno scriptCada uma mantida, simplificada ou descartada, respeitando as configurações de movimento reduzido
Idiomas do LocalizeRotas de i18n com hreflang recíprocoExportados idioma por idioma e conferidos com as URLs no ar
FormuláriosUm endpoint que é seu, como um Worker na Cloudflare ou o seu CRMEnvios anteriores baixados; entrega confirmada com um envio real
Busca do siteUm índice estático como o PagefindGerado durante o build
Redirecionamentos 301 em Site settingsRegras no arquivo de redirecionamentos da hospedagemExportados em CSV e incorporados ao novo mapa

Como migramos um site do Webflow para Astro

No Webflow, a ordem do trabalho importa, porque o projeto guarda os arquivos, o histórico de formulários e a lista de redirecionamentos até o dia em que o plano é cancelado. Tiramos tudo de lá antes que qualquer coisa mude.

  • Registramos tudo o que o site faz: sitemap do Webflow, cada página de Collection, ao menos 12 meses das principais páginas de entrada no Search Console e no analytics, backlinks, formulários com destinos e cada script.
  • Cada URL antiga recebe uma decisão em um mapa 1:1: manter, 301, unir, ou 404 ou 410. Nosso gerador de redirecionamento 301 faz a primeira versão a partir dos sitemaps antigo e novo.
  • Em seguida desenhamos o modelo de conteúdo; depois exportamos as Collections, os idiomas, os arquivos, os redirecionamentos existentes e os envios de formulários.
  • O build em Astro é preenchido em um endereço de staging com noindex, e o Webflow continua servindo o site no ar até o lançamento.
  • Antes do lançamento, rastreamos o staging com cada URL antiga, incluindo cada item de Collection, e corrigimos cada divergência.
  • O lançamento é uma janela combinada: DNS fora do Webflow, redirecionamentos ativos na nova hospedagem, sitemap enviado, formulários testados com envios reais.
  • Nos dias 30 e 60, comparamos indexação e cliques com a linha de base e depois entregamos o repositório, o CMS, o DNS e a lista de redirecionamentos.

A versão passo a passo, com cada detalhe da exportação e cada configuração do Astro, é o nosso guia para migrar de Webflow para Astro. Deixar a migração conosco significa o nosso serviço de migração de site: os templates são construídos pelo desenvolvimento em Astro, e as Collections viram um modelo em um CMS headless que os seus editores podem usar no dia seguinte ao lançamento.

Verificações de lançamento para um site que sai do Webflow

Depois de uma migração do Webflow, os problemas costumam vir das sobras: um arquivo ainda servido pelo Webflow, um endereço de staging webflow.io ainda indexado ou um slug de Collection que mudou no caminho.

  • Cada URL antiga, incluindo os itens de Collection, rastreada no staging: cada uma responde 200, redireciona uma vez com 301 ou retorna um 410 ou 404 intencional.
  • Caminhos servidos sem barra no final, como o Webflow os serve, para que nenhum redirecionamento seja necessário só por causa do formato.
  • Nenhum link restante para website-files.com em páginas, entradas do CMS, PDFs ou imagens Open Graph.
  • Títulos, descrições e imagens Open Graph de cada página estática e de cada template de Collection comparados com o site no ar.
  • Cada novo endereço tem a sua própria tag canonical, e cada idioma que o Localize servia aponta para os demais com hreflang.
  • Schema adicionado pelo código personalizado do Webflow, inclusive o preenchido com campos do CMS, refeito nos templates e testado no Teste de Resultados Avançados.
  • Formulários entregues aos destinos reais, e eventos de analytics que respeitam o banner de consentimento.
  • Noindex do staging removido, sitemap enviado e o endereço webflow.io conferido em busca de páginas indexadas antes de encerrar o projeto.
  • Cliques e impressões comparados por página aos 30 e 60 dias. Nosso checklist de SEO para migração de site traz a sequência completa.

Quando continuar no Webflow

Muitas vezes, continuar é a decisão certa. Para a maioria dos sites, uma reconstrução custa mais do que anos de mensalidades do Webflow, então a migração precisa se pagar em propriedade, edição ou recursos.

  • O marketing monta e reorganiza páginas visualmente toda semana. Um CMS headless oferece campos e prévia, não um canvas.
  • Vocês pagam por mês e a renovação é a única queixa. A cobrança anual leva o Premium de US$ 39 para US$ 25 por mês.
  • Suas Collections cabem nos 20.000 itens e nas 40 Collections do Premium, e o conteúdo não é necessário fora do site.
  • Ninguém vai cuidar do repositório depois do lançamento: atualizações de pacotes, o CMS e a hospedagem precisam de um responsável com nome.

Quando a resposta é ficar, podemos melhorar o site onde ele está com o nosso desenvolvimento Webflow. Se vocês querem sair, mas a equipe precisa continuar desenhando em um canvas, a migração de Webflow para Framer é o passo mais próximo, e o nosso guia de alternativas ao Webflow compara cada opção por custo de operação e esforço.

Quanto custa manter o Astro depois do Webflow

Os custos de operação costumam cair, porque assentos, idiomas e banda deixam de ser complementos por site. O exemplo: um dono, dois editores, um segundo idioma e menos de 50 GB de tráfego por mês, com os preços dos fornecedores em outubro de 2026, cobrança anual, em dólares americanos.

Quanto custa manter o Astro depois do Webflow
ItemWebflowAstro na Cloudflare
Plano ou hospedagemPremium: US$ 25 por mêsUS$ 0 para arquivos estáticos; Workers Paid a US$ 5 por mês quando formulários e funções passam das 100.000 requisições diárias gratuitas
Dono e dois editoresUm assento completo incluído no Workspace; dois assentos limitados a US$ 30 por mêsSanity Free a US$ 0 (só as funções Administrator e Viewer); Sanity Growth com três assentos, US$ 45
Segundo idiomaLocalize Essential: US$ 9 por mês; Advanced a US$ 29 para URLs traduzidasSem taxa de plataforma; o custo é escrever e revisar o idioma
Tráfego acima de 50 GBUS$ 20 a mais por mês por 100 GBSem cobrança de banda no Workers Paid
Total mensalUS$ 64, ou US$ 768 por anoUS$ 0 a 50, ou até US$ 600 por ano

As mensalidades sozinhas raramente pagam uma reconstrução, então coloque os dois lados na conta. Nossa calculadora de renovação do Webflow coloca a sua renovação ao lado do custo anual de um site em código. A migração é orçada a partir do inventário de URLs, sem preço fixo: Collections e itens, templates, interações que valem a pena manter, idiomas, formulários e integrações mexem no valor. Para preços publicados no mercado, veja quanto custa migrar um site.

Dúvidas antes de escolher

Sair do Webflow vai prejudicar nosso tráfego de busca?

Um curto período de oscilação é normal; o guia do Google para mudanças de site diz que as posições podem flutuar enquanto as páginas são rastreadas de novo. Danos duradouros têm causas evitáveis: uma página de Collection que ficou sem redirecionamento, uma imagem Open Graph ou um PDF ainda no CDN do Webflow, ou campos de SEO que não vieram junto. O rastreamento do staging e as revisões aos 30 e 60 dias existem para pegar esses casos. Ninguém pode prometer posições.

Dá para manter as URLs e os slugs das Collections do Webflow?

Sim. Páginas estáticas e páginas de Collection mantêm os caminhos, os slugs saem com cada item e o novo site serve os endereços sem barra no final, como o Webflow. Qualquer caminho que precise mudar recebe um 301 na hospedagem, e os redirecionamentos já configurados no Webflow entram no mesmo mapa.

A exportação de código do Webflow inclui o conteúdo do CMS?

Não. A exportação traz as páginas, o CSS, os scripts do Webflow e as imagens do painel Assets, mas as Collection lists saem vazias e as páginas de Collection perdem o conteúdo vinculado. O CMS sai à parte, em CSV por Collection e por idioma ou pela Data API, que mantém referências e idiomas ligados.

Nosso marketing vai continuar publicando sem um desenvolvedor?

Sim: a equipe escreve, edita e publica conteúdo no CMS headless, com prévia, e o site é reconstruído a cada publicação. O que muda é o layout: montar um tipo novo de página em um canvas passa a ser tarefa de um desenvolvedor. Se isso acontece toda semana, continuar no Webflow ou migrar para o Framer combina mais com a equipe.

O que acontece com as nossas Webflow Interactions?

Nenhuma é importada para o Astro, porque elas rodam no JavaScript do próprio Webflow. Listamos todas, mantemos as que ajudam o visitante a entender a página e as refazemos com CSS ou um script curto. Animações mais pesadas podem usar o GSAP, gratuito para uso comercial desde abril de 2025. Visitantes que pedem movimento reduzido recebem uma versão mais calma.

O que acontece com os formulários e os envios do Webflow?

O Webflow processa os envios de formulários na própria hospedagem, então um formulário exportado não envia nada. Cada formulário ganha um destino que é seu, por exemplo o seu CRM ou um pequeno Worker, e confirmamos a entrega com um envio real antes do lançamento. Os envios anteriores são baixados em CSV; nós os salvamos antes de o plano acabar.

Quando podemos cancelar o plano de site do Webflow?

Quando o site em Astro responder em todas as URLs antigas, nada apontar para o CDN do Webflow e vocês tiverem as exportações das Collections, a lista de redirecionamentos e o histórico de formulários. Mantenha o plano até essa verificação passar; no Premium com cobrança mensal, cada mês de sobreposição custa US$ 39, com preços de outubro de 2026.

Quanto custa uma migração de Webflow para Astro?

Não há preço fixo: orçamos depois do inventário de URLs, porque o número de Collections e itens, templates, interações, idiomas e integrações define o trabalho. Nos custos de operação, o site bilíngue do exemplo, com três pessoas, paga US$ 768 por ano no Webflow, com assentos e Localize, e de US$ 0 a 600 no Astro com Cloudflare e Sanity, em outubro de 2026.

Do blog

Fontes e leituras adicionais

Fontes desta página, com mais detalhes dos publicadores originais.

Planeje a saída do Webflow

Envie o endereço do seu site no Webflow, o plano e quantas Collections e idiomas ele usa. Respondemos com o que pode ser exportado, o que precisa ser refeito e quais URLs pedem atenção.