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