Introdução

A versão 3 do Astro chegou!

O que há de novo no Astro v3? Descubra na postagem do blog de anúncio.
Pronto para atualizar? Siga nosso guia de atualização.

O que é Astro?

Astro é um framework web tudo em um para criação de websites rápidos, focados em conteúdo.

Funcionalidades Principais

• Ilhas de Componente: Uma nova arquitetura web para construção de websites rápidos.
• API feita com o servidor em primeiro lugar: Mova a hidratação pesada para fora do dispositivos dos seus usuários.
• Zero JS, por padrão: Nenhum overhead de runtime JavaScript te desacelerando.
• Pronto para a Edge: Faça deploy em qualquer lugar, até mesmo em um runtime edge global como Deno ou Cloudflare.
• Customizável: Tailwind, MDX e +100 outras integrações para escolher.
• UI agnóstica: Suporta React, Preact, Svelte, Vue, Solid, Lit e mais.

Veja o nosso guia detalhado Por que Astro? para aprender mais sobre o que faz Astro especial. ✨

Experimente Astro no seu navegador

Visite astro.new e escolha entre uma variedade de templates para começar. Se divirta com uma versão completa e funcional do Astro direto do seu navegador!

Iniciar template básico Veja todos os templates →

Comece seu primeiro projeto

Tenha um novo projeto Astro rodando localmente com o nosso útil assistente de linha de comando create astro!

npm

# crie um novo projeto com o npm
npm create astro@latest

pnpm

# crie um novo projeto com o pnpm
pnpm create astro@latest

Yarn

# crie um novo projeto com o yarn
yarn create astro

Nosso Guia de Instalação tem instruções detalhadas passo-a-passo de como instalar Astro usando nosso assistente de CLI, de criação de um novo projeto a partir de um repositório Astro existente no GitHub, e de instalação manual.

Aprenda Astro

Veja exemplos de alguns dos conceitos-chave e padrões de um site Astro!

📚 Adicione sua primeira página no seu site.

📚 Leia mais sobre a estrutura de projetos do Astro.

📚 Aprenda mais sobre o roteamento baseado em arquivos do Astro.

… encontre a documentação completa da API na aba Referência.

Estenda Astro

🧰 Comece o seu próximo projeto com um tema pré-construído.

🧰 Customize seu site com plugins e componentes da comunidade.

🧰 Se inspire visitando nossa galeria de sites.

… veja nosso guia em como utilizar integrações.

Junte-se a comunidade

Junte-se a nós no Discord do Astro para compartilhar e conseguir ajuda de uma comunidade ativa e amigável!

💬 Diga oi no canal #general!

💬 Pergunte a nossa Equipe de Suporte no canal #support!

💬 Compartilhe o que você tem feito no canal #showcase!

O que há de novo?

Blog do Astro

Histórico de alterações do Astro

Traduza

Essa tradução da documentação é trazida até você por todas essas pessoas incríveis. Nos ajude a traduzir!

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 

Contribua

Essa documentação é trazida até você por todas essas pessoas colaborativas. Junte-se a nós no GitHub!

• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
• 
•