Mais Receitas

Veja exemplos guiados de como construir funcionalidades no Astro.

Receitas Oficiais

Seção intitulada Receitas Oficiais

• Instalando um plugin Vite ou Rollup

  Aprenda como você pode importar dados YAML ao adicionar um plugin Rollup ao seu projeto.

• Analyze bundle size

  Learn how to analyze the bundle generated by Astro using `rollup-plugin-visualizer`.

• Construa formulários com rotas de API

  Aprenda como usar Javascript para submeter formulários para uma rota de API

• Construa um componente de imagem personalizado

  Aprenda a construir um componente de imagem personalizado que suporta media queries usando a função getImage.

• Use Bun com Astro

  Aprenda como usar Bun com seu site Astro.

• Crie formulários HTML em páginas Astro

  Aprenda como criar formulários HTML e lidar com envios em seu frontmatter.

• Verifique um Captcha

  Aprenda como criar uma rota de API e buscá-la do cliente.

• Chame endpoints do servidor

  Aprenda como chamar endpoints do servidor com Astro.

• Construa seu site Astro com Docker

  Aprenda como construir seu site Astro usando Docker.

• Importe imagens dinamicamente

  Aprenda como importar imagens dinamicamente usando a função import.meta.glob do Vite.

• Adicione funcionalidades de i18n

  Use roteamento dinâmico e coleções de conteúdo para adicionar suporte à internacionalização no seu site feito com Astro.

• Adicione ícones em links externos

  Aprenda como installar um plugin rehype para adicionar ícones em links externos em seus arquivos Markdown

• Crie um aplicativo da barra de ferramentas de desenvolvimento

  Aprenda a criar um aplicativo da barra de ferramentas de desenvolvimento para seu site.

• Adicione tempo de leitura

  Construa um plugin remark para adicionar tempo de leitura aos seus arquivos Markdown ou MDX.

• Adicione o horário da última modificação

  Crie um plugin remark para adicionar o horário da última modificação aos seus arquivos Markdown e MDX.

• Adicione um feed RSS

  Adiciona um feed RSS no seu site Astro que permite seus usuários se inscreverem ao seu conteúdo.

• Compartilhe estado entre componentes Astro

  Aprenda como compartilhar estado entre componentes Astro com Nano Stores.

• Compartilhe Estado Entre Ilhas

  Aprenda como compartilhar estado de componentes de frameworks com Nano Stores.

• Estilize o Markdown renderizado com Tailwind Typography

  Aprenda como usar o @tailwind/typography para estilizar seu Markdown renderizado.

• Usando streaming para melhorar o desempenho da página

  Aprenda a usar streaming para melhorar o desempenho da página.

Recursos da Comunidade

Seção intitulada Recursos da Comunidade

• Astro Tips