Porque é que migrámos do Next.js para o Astro.js

O fundo

O nosso sítio Web utiliza uma variedade de componentes comuns encontrados em muitos sítios: navegação consistente com cabeçalhos e rodapés, variações de heróis de página, divisões de conteúdo 50/50, layouts de três páginas, componentes baseados em pesquisa, como publicações recentes no blogue, pesquisa padrão com filtros de facetas, formulários e muito mais. Isto tornou-o num campo de testes ideal para avaliar novas tecnologias.

Originalmente, o sítio foi construído com Next.js. Então, porque optámos por reconstruí-lo com Astro.js, apesar de o conteúdo permanecer o mesmo? Simplificando, estávamos intrigados com o que o Astro.js oferecia, mas queríamos garantir que valia realmente a pena antes de o recomendar aos nossos clientes.

O que gostámos no Astro.js

1. Separação clara entre JavaScript do lado do servidor e do lado do cliente

O Astro.js oferece uma separação muito clara de preocupações entre a renderização do lado do servidor e do lado do cliente. No Astro, a lógica JavaScript do lado do servidor é normalmente colocada no topo do arquivo .astro, seguida por elementos HTML para apresentação e, se necessário, o JavaScript do lado do cliente pode ser adicionado na parte inferior. Essa separação limpa torna mais fácil e rápido para os desenvolvedores criar páginas e componentes.

2. Suporte para múltiplas frameworks

O Astro.js suporta vários frameworks com integrações diretas, tornando-o uma escolha flexível se você precisar de componentes reativos do lado do cliente. No momento em que este artigo foi escrito, as integrações estão disponíveis para React, Vue, Angular, Svelte e muito mais. Para obter uma lista completa das integrações actuais, visite o Guia de Integrações do Astro. Durante a nossa migração, convertemos os nossos componentes de pesquisa e baseados em formulários de Next.js para componentes React dentro do Astro, e o processo foi simples.

3. Curva de aprendizagem mais curta

O Astro.js tem uma curva de aprendizagem mais curta, facilitando a integração de programadores com competências básicas em JavaScript, mesmo que tenham experiência limitada com frameworks. Para desenvolvedores já familiarizados com frameworks como React, Vue ou Angular, a transição para o Astro.js é rápida. Em comparação, o Next.js requer uma sólida compreensão do React, e a mudança do React para o Next.js envolve uma curva de aprendizado adicional.

Nossa conclusão

Em nossa opinião, a maioria dos novos projetos que começam hoje devem considerar o Astro.js como seu framework de renderização do lado do servidor. Sua arquitetura limpa, flexibilidade e facilidade de uso o tornam uma escolha atraente.

Por que algumas organizações podem ficar com Next.js

No entanto, existem razões válidas pelas quais algumas organizações podem optar por ficar com o Next.js:

1. Ecossistema e comunidade estabelecidos: O Next.js existe há mais tempo e tem uma comunidade e um ecossistema maiores. Isso significa que há mais plug-ins, ferramentas e conhecimento compartilhado disponíveis.

2. Investimento existente em Next.js: Se a sua organização já investiu fortemente em Next.js, com processos estabelecidos, bibliotecas de componentes e experiência de programador, mudar para Astro.js a meio do projeto pode não valer o esforço. Nesses casos, pode ser melhor considerar o Astro.js para projectos futuros, em vez de interromper o trabalho em curso.

Em resumo, embora o Astro.js ofereça vantagens significativas para muitos casos de utilização, a decisão de mudar depende das necessidades específicas do seu projeto e da experiência e infraestrutura existentes da sua equipa.