The latest articles on DEV Community by José Fernandes (@josefsjunior). https://dev.to/josefsjunior https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3850041%2Ff5298341-ab27-4cb4-acdc-c77ef7ee8e63.png https://dev.to/josefsjunior en José Fernandes Sun, 29 Mar 2026 22:12:11 +0000 https://dev.to/josefsjunior/migrando-spas-do-azure-static-web-apps-para-cloudflare-pages-por-que-e-como-5lm https://dev.to/josefsjunior/migrando-spas-do-azure-static-web-apps-para-cloudflare-pages-por-que-e-como-5lm <p>Recentemente, decidi migrar meus projetos frontend (SPAs) que rodavam no <strong>Azure Static Web Apps (SWA)</strong> para o <strong>Cloudflare Pages</strong>. Como alguém que preza por uma <strong>Developer Experience (DX)</strong> eficiente, essa mudança simplificou muito meu workflow.</p> <p>Neste post falo sobre os motivos técnicos e o que você ganha com essa troca.</p> <h2> Por que sair do Azure SWA? </h2> <p>O Azure SWA é excelente para quem já está no ecossistema Microsoft, mas ele traz algumas "fricções":</p> <ul> <li> <strong>Configuração de CI/CD:</strong> Você fica dependente de arquivos <code>.yml</code> no GitHub Actions.</li> <li> <strong>Limites de Banda:</strong> O plano gratuito tem um teto de 100GB/mês.</li> </ul> <h2> O que o Cloudflare Pages entrega de diferente? </h2> <h3> 1. Deploy Nativo e Transparente </h3> <p>Diferente do Azure, o Cloudflare Pages não exige que você gerencie o workflow do GitHub Actions. Ele detecta o framework, faz o build e publica automaticamente. O repositório fica mais limpo, sem "ruído" de infraestrutura.</p> <h3> 2. Banda Ilimitada </h3> <p>Para quem busca escala sem custos iniciais, a largura de banda ilimitada do plano free é um divisor de águas.</p> <h3> 3. Edge Network Global </h3> <p>A infraestrutura da Cloudflare está espalhada por todo o canto. Na prática, o site é servido pelo servidor mais próximo do usuário, o que faz o carregamento ser praticamente instantâneo.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkrp26io8n6puzwronz0w.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkrp26io8n6puzwronz0w.png" alt="Imagem demonstrando como configurar um deploy utilizando o framework Next.js" width="800" height="878"></a></p> <h2> Conclusão </h2> <p>A migração é simples: conecte o Git, configure o comando de build (ex: npm run build) e aponte o domínio. Se você já usa o DNS da Cloudflare, o processo de SSL e ativação leva menos de 2 minutos.</p> <p>Vale a pena testar se você busca menos tempo lidando com YAML e mais tempo focando no código.</p> cloudflare azure webdev architecture