| title | description | i18nReady |
|---|---|---|
Conteúdo Educacional da Comunidade |
Descubra tutoriais, guias, artigos e vídeos produzidos pela comunidade para ajudar você a aprender e construir com Astro! |
true |
import Badge from '~/components/Badge.astro';
Existe muito mais conteúdo lá fora que pode ajudar você a aprender e construir com Astro! Aqui estão alguns conteúdos educacionais construídos e mantidos pela comunidade do Astro.
Todos os links são externos, e podem ser baseados em versões anteriores do Astro. Confira a data em qualquer conteúdo da comunidade, e adapte de acordo com seu projeto.
Para mais conteúdo educacional do Astro, confira o Blog do Astro ou assine a newsletter oficial do Astro onde nós trazemos o melhor conteúdo da comunidade de cada mês.
:::note[Nota dos tradutores] Apesar das descrições abaixo estarem traduzidas, o conteúdo dos links é em Inglês. :::
Cursos e tutoriais são focados em ensinar você novos conceitos, geralmente com exercícios ou projetos de exemplo para construir. São ótimas maneiras de aprender novos conceitos e fornecer as ferramentas necessárias para trabalhar com Astro em seu projeto.
Confira os seguintes cursos e tutoriais para aprender mais sobre Astro.
- Curso intensivo sobre o framework web Astro por freeCodeCamp
- Curso intensivo sobre Astro em 20 minutos por Chris Pennington (curso completo pago: Aprenda Astro)
- Curso intensivo sobre Astro 3.0 por James Q Quick (curso completo pago: Construa Sites modernos com Astro)
- Curso intensivo sobre Astro em 60 minutos por @developedbyed
- Entendendo Astro (ebook) por Ohans Emmanuel
- O Vale do Código - Astro por Flavio Copes
- Aprenda Astro 3 do Zero: Curso para iniciantes + Aplicativo Astro (ESPANHOL) by @midudev
- Curso rápido sobre Astro: Crie um blog com SSR
- Como eu criei uma aplicação de filmes com Astro 3.x
- Você pode AINDA não ter entendido coleções de conteúdo…
- Construa uma plataforma customizada de blog com Astro e Appwrite
- Curso intensivo sobre Astro - Criando um portfólio
- Criando um blog full stack com Astro
Veja exemplos guiados de como adicionar funcionalidades no seu projeto Astro, enviados por pessoas da nossa comunidade!
Receitas são tipicamente curtas, focadas em guias passo a passo que te conduzem por meio da conclusão de um exemplo prático de uma tarefa específica. Receitas são uma excelente maneira de adicionar funcionalidades ou comportamentos ao seu projeto Astro seguindo instruções passo a passo!
Outros guias podem explicar conceitos relacionados a uma área de conteúdo, como por exemplo usar imagens ou trabalhar com MDX.
:::tip[Adicione a sua!] Escreveu uma receita para o Astro? Edite essa página e adicione seu link na seção apropriada! :::
- Adicione OAuth do Github com Lucia
- Adicione autenticação com nome e senha com Lucia
- Autenticação de usuários no Astro com Clerk e React
- Use um nome de arquivo dinâmico ao importar imagens
- Adicione um feed RSS ao Astro usando stories do Storyblok
- Como enviar qualquer dado para o seu feed RSS? Um guia com Astro + RSS
- Adicione imagens de postagens ao seu feed RSS do Astro
- Gerando imagens Open Graph para um blog com Astro
- Construa um índice a partir de títulos Markdown do Astro
- Crie um plugin Remark para remover viúvas/órfãs dos seus arquivos Markdown
- Configurando Páginas de Rascunho de Forma Eficiente no Astro com Autoria de Conteúdo Orientada por Configuração
- Melhore suas builds do Astro: modificando arquivos HTML após a build
- Configurando micro-frontends com Astro
- Como implementar a Regeneração Estática Incremental (ISR) no Astro
- Usando tRPC no Astro
- Integrando Sentry com Astro
- Gere sitemaps localizados para seu projeto com Astro e Storyblok
- Adicione pesquisa ao seu site com Pagefind
- Como adicionar pesquisa ao seu site com Fuse.js
- Adicione seção de comentários ao seu blog com Astro usando Giscus
- Usando a Plataforma de Animação GreenSock (GSAP) no Astro
- Usando a Plataforma de Animação GreenSock (GSAP) no Astro com Transições de Visualização