Repolode
Enviar
withastro

withastro/astro

Uma ferramenta de build para sites orientados a conteúdo, que envia o mínimo de JavaScript e permite usar vários frameworks de UI no mesmo projeto.

Ver no GitHubSite
Estrelas
63,403
Forks
3,865
Issues abertas
108
Último commit
há 5 horas

O que é?

Astro é um framework para criar sites voltado a projetos com muito conteúdo, como blogs, páginas de marketing e documentação. Por padrão, ele renderiza as páginas como HTML estático e só envia JavaScript para componentes interativos, mantendo o resultado leve.

Os componentes podem ser escritos com React, Preact, Svelte, Vue, Solid, Alpine.js e outros frameworks, e o projeto permite combiná-los em um único site. Também é possível habilitar a renderização no servidor por meio de adapters para Node, Vercel, Netlify e Cloudflare, permitindo que o projeto passe de uma saída totalmente estática para a renderização sob demanda.

O repositório é um monorepo que contém o pacote principal astro, a ferramenta de scaffolding create-astro, integrações com frameworks e ferramentas de linguagem, como uma extensão para VS Code e um plugin para TypeScript.

Recursos principais

  • 01Renderiza páginas como HTML estático por padrão e envia JavaScript apenas para ilhas interativas.
  • 02Permite usar componentes de React, Preact, Svelte, Vue, Solid e Alpine.js em um único projeto.
  • 03Oferece renderização no servidor por meio de adapters para Node, Vercel, Netlify e Cloudflare.
  • 04Disponibiliza integrações oficiais, como MDX, sitemap, RSS e Partytown.
  • 05Inclui create-astro para iniciar novos projetos e uma extensão de linguagem para VS Code.

Casos de uso

  • Criar um blog ou site de documentação orientado a conteúdo com Markdown ou MDX.
  • Criar um site de marketing ou portfólio que precise carregar rapidamente e usar pouco JavaScript no cliente.
  • Migrar um site existente para Astro gradualmente, reutilizando componentes de React ou Vue.
  • Publicar um site quase todo estático com rotas renderizadas no servidor em Vercel, Netlify ou Cloudflare.

Início rápido

  1. 1

    Crie um novo projeto com o instalador recomendado

    npm create astro@latest
  2. 2

    Ou instale o Astro manualmente em um projeto existente

    npm install astro
  3. 3

    Abra um projeto inicial no navegador para testá-lo sem instalar

Antes de usar

  • Nos metadados, a licença está listada como NOASSERTION, embora o README tenha um link para um arquivo MIT LICENSE.

Em coleções

Frameworks para criar apps e sites

Tópicos

#static-site-generator#web-framework#islands-architecture#mdx#typescript#ssr#jamstack#astro#blog#browser

Perguntas frequentes

O que é astro?
Uma ferramenta de build para sites orientados a conteúdo, que envia o mínimo de JavaScript e permite usar vários frameworks de UI no mesmo projeto. Astro é um framework para criar sites voltado a projetos com muito conteúdo, como blogs, páginas de marketing e documentação. Por padrão, ele renderiza as páginas como HTML estático e só envia JavaScript para componentes interativos, mantendo o resultado leve.
astro é gratuito? Qual é a licença?
astro é open source sob a licença Other. Confira os termos da licença antes de usá-lo em produtos comerciais.
astro ainda é mantido?
Manutenção ativa. O último commit de astro foi em 22 de out. de 2026.
Para que posso usar astro?
Criar um blog ou site de documentação orientado a conteúdo com Markdown ou MDX. Criar um site de marketing ou portfólio que precise carregar rapidamente e usar pouco JavaScript no cliente. Migrar um site existente para Astro gradualmente, reutilizando componentes de React ou Vue. Publicar um site quase todo estático com rotas renderizadas no servidor em Vercel, Netlify ou Cloudflare.
Como instalar astro?
Crie um novo projeto com o instalador recomendado: npm create astro@latest Ou instale o Astro manualmente em um projeto existente: npm install astro Abra um projeto inicial no navegador para testá-lo sem instalar
Onde consigo astro?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/withastro/astro

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados