Más Recetas

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

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.

• Analizar el tamaño del empaquetado

  Aprende cómo analizar el empaquetado generado por Astro usando `rollup-plugin-visualizer`.

• Construye un componente de imagen personalizado

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

• Construye formularios con rutas API

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

• Construye formularios HTML en páginas de Astro

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

• Usa Bun con Astro

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

• Llama endpoints desde el servidor

  Aprende como llamar endpoints desde el servidor en Astro.

• Verificar un Captcha

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

• Importa imágenes dinámicamente

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

• Construye tu sitio de Astro con Docker

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

• 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.

• Agrega características i18n

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

• 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

• Crear aplicaciones de barra de herramientas para desarrollo

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

• RSS

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

• Comparte el estado entre Islas

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

• Comparte el estado entre componentes de Astro

  Aprende como compartir el estado entre componentes de Astro 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.

• Customize file names in the build output

  Learn how to change the default naming pattern for your built assets like JavaScript, CSS, and images in Astro using Vite's Rollup options.

Recursos de la comunidad

• Astro Tips