title |
description |
i18nReady |
tableOfContents |
editUrl |
next |
hero |
banner |
Introdução |
Uma básica introdução ao Astro. |
true |
false |
false |
false |
title |
tagline |
actions |
facepile |
Documentação do Astro |
Guias, recursos e referências de API para te ajudar a construir com Astro. |
text |
icon |
link |
Instalar Astro |
rocket |
/pt-br/install-and-setup/ |
|
text |
icon |
variant |
link |
Leia sobre as funcionalidades do Astro |
right-arrow |
minimal |
/pt-br/concepts/why-astro/ |
|
|
tagline |
linkText |
link |
Possível graças ao Astro e nossos contribuidores de código aberto. |
Junte-se a nós! |
/pt-br/contribute/ |
|
|
|
import { CardGrid } from '@astrojs/starlight/components'
import Card from '/components/Landing/Card.astro'
import ListCard from '/components/Landing/ListCard.astro'
import SplitCard from '/components/Landing/SplitCard.astro'
import Discord from '/components/Landing/Discord.astro'
Explore [temas iniciais do Astro](https://astro.build/themes/) para blogs, portfólios, documentações, páginas iniciais, SaaS, marketing, sites de ecommerce e mais!
Complete nosso tutorial introdutório [Construa um Blog](/pt-br/tutorial/0-introduction/) para aprender os fundamentos e criar seu primeiro site Astro.
```sh
# cria um novo projeto com npm
npm create astro@latest
```
Nosso [guia de instalação](/pt-br/install-and-setup/) tem instruções passo a passo para instalar o Astro usando nosso assistente de linha de comando, criar um novo projeto de um repositório Astro no GitHub e para instalar o Astro manualmente.
- [As principais funcionalidades do Astro](/pt-br/concepts/why-astro/)
- [Arquitetura em ilhas](/pt-br/concepts/islands/)
- [Componentes Astro](/pt-br/basics/astro-components/)
- [A sintaxe de templates do Astro](/pt-br/reference/astro-syntax/)
- [Adicione integrações como React e Tailwind](/pt-br/guides/integrations-guide/)
- [Crie coleções de conteúdo com checagem de tipos](/pt-br/guides/content-collections/)
- [Aprimore a navegação com transições de visualização](/pt-br/guides/view-transitions/)
- [Conecte um CMS headless ao seu projeto](/pt-br/guides/cms/)