Astro
Astro é um framework de construção de sites que prioriza performance, renderizando a maior parte do conteúdo em HTML estático e enviando JavaScript apenas onde é realmente necessário.
Astro nasceu para resolver um problema comum de frameworks modernos: sites que carregam uma quantidade enorme de JavaScript mesmo quando a maior parte da página é conteúdo estático, como blogs, portfólios e páginas institucionais.
O conceito central é a arquitetura de ilhas: componentes interativos são isolados e só recebem JavaScript no navegador quando realmente precisam de interatividade. O restante da página é entregue como HTML puro, o que resulta em carregamento muito mais rápido e melhores métricas de Core Web Vitals.
Astro funciona bem com outros frameworks dentro dele
Outra característica marcante é a possibilidade de usar componentes React, Vue ou Svelte dentro de um projeto Astro, aproveitando o ecossistema dessas ferramentas apenas nos pontos que precisam de interação real.
Como funciona na prática
- O projeto é estruturado com páginas e componentes em arquivos .astro
- O conteúdo estático é renderizado como HTML puro no build
- Componentes interativos são marcados explicitamente para receber JavaScript no cliente
- O restante da página permanece sem JavaScript, reduzindo o peso enviado ao navegador
- O site é publicado como arquivos estáticos ou com renderização sob demanda, dependendo da configuração
Exemplo Prático
Um portfólio pessoal com blog é construído em Astro, mantendo as páginas de artigos totalmente estáticas e usando um pequeno componente interativo apenas para o formulário de contato, o que garante carregamento quase instantâneo.
Por que isso é importante?
Astro importa porque resolve diretamente o problema de performance web em sites majoritariamente de conteúdo, um dos fatores que mais pesam em SEO técnico e Core Web Vitals.
Perguntas Frequentes (FAQ) sobre Astro
Astro substitui React ou Next.js?
Não necessariamente. Astro é mais indicado para sites de conteúdo, enquanto frameworks como Next.js seguem sendo fortes para aplicações altamente interativas e dinâmicas.
Astro é bom para SEO?
Sim, é um dos pontos fortes do framework, já que o HTML estático e o baixo peso de JavaScript favorecem carregamento rápido e boa indexação.