Imprimir

Astro2

Web Frontend Framework - Astro


Lista de membros

- Editor Clara Ernesto de Carvalho 14559479

- Presenter Augusto Cavalcante Barbosa Pereira 14651531

- Thiago Zero Araújo 11814183

- Coordinator Gabriel Barbosa dos Santos 14613991

- Presenter Gabriel Antunes Afonso de Araujo 14571077

- Bruno Figueiredo Lima 14562383

- Felipe Carneiro Machado 14569373 

- Presenter Renan Parpinelli Scarpin 14712188

Features


AD_4nXfhKHQUV3PydQwW73zAyYlE8OASIrqTU18W7fVd_rhMv_H5bDIqXk7loQu9VDOHsW9F1tBGm224GQB318TdvxEB-WJSt2M7Ud3lXOLVEBVlGcKWNBbohDMKiI-EkBHNLJgLJXYkrA?key=OcqvMU9N7VfJYNbaMciXOQ

  • Ilhas: ilha é um componente de UI interativo em uma página

 É executada de forma independente das outras ilhas, mas podem compartilhar informações. Essa flexibilidade permite que Astro suporte múltiplos frameworks de UI como React, Vue, Svelte, Solid... O maior benefício é performance: a maior parte do seu site é convertido em HTML estático e rápido, carregando JavaScript apenas para os componentes individuais que realmente precisam.


  • Server first: Componentes .astro não renderizam no lado do cliente! Eles são convertidos para HTML no momento do build ou sob demanda usando renderização no lado do servidor (SSR).


  • Zero JS: Menos (ou nenhum) JavaScript do lado do cliente. Consequência direta de ser Server First. O resultado é um site mais rápido, sem nenhum JavaScript adicionado por padrão.


  • Coleções de conteúdo: Organiza, valida e oferece segurança de tipos do TypeScript para seus conteúdos em Markdown ou MDX. 



  • Customizável: Suporte nativo a Tailwind, MDX e centenas de integrações para escolher. Tem plugins para imagens, sitemap, i18n, analytics e muito mais.

Advantages

  •  Agilidade devido a limitar execução no cliente com uso de ilhas de cliente e ilhas de servidor, com hidratação seletiva

  • Torna o conteúdo mais legível para crawlers, possivelmente aumentando a relevância do site em mecanismos de pesquisa,  devido a conversão de diversos documentos  componentes para HTML e CSS puro

  • Alta compatibilidade e adaptação de componentes de outros frameworks


Disadvantages

  • Não é recomendado para sites que precisem de interações complexas e pesadas no client-side

  • É um framework Multi-Page Application. Não recomendado para sites SPA que necessitem que o client-side faça um router (“roteamento”) grande

Exige uma diferenciação maior de o que será client-side ou server-side na estruturação do seu projeto

Niches

O nicho do Astro são websites orientados a conteúdo como blogs, sites de notícias, portfólios digitais e catálogos de lojas. Durante a construção da aplicação o Astro tenta transformar o máximo possível de páginas em HTML estáticos, pré-computando fetches, interpretando markdown e reduzindo a quantidade de JavaScript interpretado no cliente.

Com isso, o site fica muito mais leve para o cliente e crawlers de engine de pesquisas podem mais facilmente compreender o conteúdo, assim tornando seu website mais provável de se tornar relevante.


Perspectives


Os desenvolvedores do Astro estão constantemente implementando novas funcionalidades e otimizando o Framework para minimizar suas desvantagens. Por exemplo:

  • Suporte oficial do Framework para streaming

  • Content Collections para organizar conteúdo

  • Otimização da hidratação de ilhas

  • Melhor integração com Figma ou Tailwind

  • Plataforma de deploy do Astro na cloud