Más Recetas

Mira ejemplos guiados de cómo agregar características a tu proyecto de Astro.

Recetas oficiales

Sección titulada Recetas oficiales

• Instalando un plugin de Vite o Rollup

  Aprende como puedes importar datos en YAML añadiendo un plugin de Rollup en tu proyecto.

• Analyze bundle size

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

• Construye formularios con rutas API

  Aprende como usar JavaScript para enviar formularios a una ruta API.

• Construye un componente de imagen personalizado

  Aprende a construir un componente de imagen personalizado que admita media queries utilizando la función getImage.

• Usa Bun con Astro

  Aprende cómo usar Bun con tu sitio de Astro.

• Construye formularios HTML en páginas de Astro

  Aprende como construir formularios HTML y manejar envíos en tu frontmatter.

• Verificar un Captcha

  Aprende como crear una ruta de API y consultarla desde el cliente.

• Llama endpoints desde el servidor

  Aprende como llamar endpoints desde el servidor en Astro.

• Construye tu sitio de Astro con Docker

  Aprende cómo construir tu sitio de Astro utilizando Docker.

• Importa imágenes dinámicamente

  Aprende a importar imágenes dinámicamente usando la función import.meta.glob de Vite.

• Agrega características i18n

  Utiliza enrutamiento dinámico y colecciones de contenido para agregar soporte de internacionalización a tu sitio de Astro.

• Agregar iconos a los enlaces externos

  Aprende cómo instalar un plugin de rehype para agregar iconos a los enlaces externos en tus archivos Markdown.

• Crear aplicaciones de barra de herramientas para desarrollo

  Aprende como crear una aplicación de barra de herramientas para desarrollo para tu sitio

• Agregar tiempo de lectura

  Construye un plugin de remark para añadir tiempo de lectura a tus archivos Markdown o MDX.

• Agrega la hora de última modificación

  Crea un plugin de remark para agregar la hora de última modificación a tu Markdown y MDX

• RSS

  Agrega un feed RSS a tu sitio Astro para permitir que los usuarios se suscriban a tu contenido.

• Comparte el estado entre componentes de Astro

  Aprende como compartir el estado entre componentes de Astro con Nano Stores.

• Comparte el estado entre Islas

  Aprende a compartir estado entre componentes de framework con Nano Stores.

• Estilo de Markdown renderizado con Tailwind Typography

  Aprende a usar @tailwind/typography para dar estilo a tu Markdown renderizado.

• Utilizando transmisión para mejorar el rendimiento de la página

  Aprende cómo utilizar la transmisión para mejorar el rendimiento de la página.

Recursos de la comunidad

Sección titulada Recursos de la comunidad

• Astro Tips