Conteúdo Educacional da Comunidade
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.
Apesar das descrições abaixo estarem traduzidas, o conteúdo dos links é em Inglês.
Cursos e Tutoriais
Seção intitulada Cursos e TutoriaisCursos 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.
Tutoriais Introdutórios
Seção intitulada Tutoriais Introdutórios- 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
Tutoriais em Vídeo
Seção intitulada Tutoriais em Vídeo- 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
Receitas e Guias
Seção intitulada Receitas e GuiasVeja 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.
Escreveu uma receita para o Astro? Edite essa página e adicione seu link na seção apropriada!
Autenticação
Seção intitulada Autenticação- 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
- Adicionando conteúdo do feed RSS e corrigindo os caminhos das imagens Markdown no Astro.
Imagens
Seção intitulada Imagens- Adicione imagens de postagens ao seu feed RSS do Astro
- Gerando imagens Open Graph para um blog com Astro
Ferramentas e Editores
Seção intitulada Ferramentas e EditoresMarkdown
Seção intitulada Markdown- 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
Performance
Seção intitulada Performance- 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
Utilitários
Seção intitulada Utilitários- 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
Animação
Seção intitulada Animação- 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
Internacionalização e Localização
Seção intitulada Internacionalização e Localização- Como fazer seu website Astro multilíngue com Crowdin: Guia de Localização no Astro
- Traduza rotas no Astro para coleções de conteúdo e subpáginas