Executando verificação de segurança...
-1

Nextjs X Astro - Qual é melhor?

Hoje, navegando pelo youtube, me deparei com um título que achei bastante curioso 'Abandonei o NextJS por causa disso', do João Bibiano (vou deixar o link na fonte).

Achei um título no mínimo curioso, e fui ver do que se tratava, afinal, recentemente tenho aprofundado meus estudos em NextJS por tudo que ouvi falar dele, de como era incrivel e tudo mais.

Será que era tudo fake news e NextJS é ruim?

Será só click bait?

E no vídeo, o João mostra, com projetos iguais em Next e Astro, como o tempo de carregamento do Astro é mais rápido. E esse tempo de carregamento mais rápido, já foi mais que comprovado como é um ponto importante para o usuário.

Mas a dúvida é: alguém já fez projetos nos dois para dizer melhor se essa diferença é mesmo gritante? Qual sua experiência com cada um?

Carregando publicação patrocinada...
2

O título foi escrito assim para chamar mais atenção, e deu certo.

Sim, um tempo de carregamento mais rápido é um ponto muito importante para um site, mas vamos tentar olhar de outra perspectiva:

  • Quase todos os web frameworks de hoje em dia já otimizam e reduzem o seu código no build (seu css, javascript).

E no final, o seu código é uma das menores coisas que o usuário que vai entrar no seu site vai receber. Os milissegundos de diferença entre o Astro ou NextJs nessa situação não vai ser nem perceptível.

Vamos focar em uma das coisas que mais pesam em um site: imagens.

Eu imagino que ambos o Astro e o NextJs tenham formas de otimizar as imagens, mas eles não tem nenhuma forma milagrosa de concertar tudo. Algumas coisas ou ideias de otimização vão ter que vir de você.

Exemplo:
O site tem uma homepage com 6 por 6 imagens que ocupa a tela inteira do navegador.
São 36 imagens que precisam ser carregadas para o usuário conseguir usar o seu site direito.

E se ao invés de incluir todas as imagens no começo, distribuir elas pelo site com scroll e somente carregar elas quando estiver na visão?

Trocar um simples .png por um .svg vai criar uma otimização muito melhor do que você trocar de nextjs para astro.

Na minha opinião você tem que usar e estudar qual você mais gosta e a que o mercado mais procura. Não é legal ter uma experiência de desenvolvimento ruim porque "essa framework é mais rápida que a outra".

No final, tudo vira javascript mesmo...

1
0

Quer tempo de carregamento rápido, então pare de usar qualquer coisa do tipo webpack, vite , etc. Não faça o usuário baixar a me*da de uma fonte de 50kb para ler 5kb de texto, a quabtidade de aplicaçōes que fazem isso é bizarra.

Enfim o que melhor, manteiga ou creme vegetal? Um médico vai dizer que é creme vegetal porque é mais saudavel, um chefe de cozinha, manteiga porque é mais saborosa.
Entende que a pergunta não faz sentido? Que carregar mais rápido, é completamente diferente de melhor...Mas como disse se a sua única preocupação é o tempo de carregamento você simplesmente não deveria usar nenhum framework em primeiro lugar..Se é melhor ou não é relativo. Para mim esse é um dos melhores exemplos de como fazer um site, mas muita gente acha melhor usar react...Qual é de fato melhor?

2