Recetas de Astro

Mira ejemplos guiados de como agregar funcionalidades a tu proyecto Astro.

Recetas oficiales

Las recetas oficiales de Astro son guías prácticas breves y enfocadas que acompañan al lector para completar un ejemplo funcional de una tarea específica. ¡Las recetas son una excelente manera de añadir nuevas características o comportamientos a tu proyecto Astro siguiendo instrucciones paso a paso!

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

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

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

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

• Crear aplicaciones de barra de herramientas para desarrollo

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

• 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

• Agregar tiempo de lectura

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

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

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

• Estilo de Markdown renderizado con Tailwind Typography

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

Recursos de la comunidad

Encuentra más recetas escritas y enviadas por la comunidad en Astro Tips.