Introdução
O que é Astro?
Section titled O que é Astro?Astro é um framework web tudo em um para criação de websites rápidos, focados em conteúdo.
Funcionalidades Principais
Section titled 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
Section titled Experimente Astro no seu navegadorVisite 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!
Comece seu primeiro projeto
Section titled Comece seu primeiro projetoTenha um novo projeto Astro rodando localmente com o nosso útil assistente de linha de comando create-astro!
# crie um novo projeto com o npm
npm create astro@latest
# crie um novo projeto com o pnpm
pnpm create astro@latest
# 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 com seu gerenciador de pacotes favorito.
Aprenda Astro
Section titled Aprenda AstroVeja 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
Section titled 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
Section titled Junte-se a comunidadeJunte-se a nós no Discord do Astro para compartilhar e conseguir ajuda de uma comunidade ativa e amigável!
💬 Diga oi no canal #introduce-yourself!
💬 Pergunte a nossa Equipe de Suporte no canal #support-threads!
💬 Compartilhe o que você tem feito no canal #showcase!
Aprenda Mais
Section titled Aprenda MaisHistórico de alterações do Astro
Contribua
Section titled ContribuaEssa documentação é trazida até você por todas essas pessoas colaborativas. Junte-se a nós no GitHub!