Recettes pratiques
Voir des exemples guidés pour ajouter des fonctionnalités à votre projet Astro.
Recettes officielles
Titre de la section Recettes officiellesLes recettes officielles d’Astro sont des guides pratiques courts et ciblés qui guident le lecteur dans la réalisation d’un exemple pratique d’une tâche spécifique. Les recettes sont un excellent moyen d’ajouter de nouvelles fonctionnalités ou de nouveaux comportements à votre projet Astro en suivant des instructions étape par étape !
-
Installation d'un plugin Vite ou Rollup
Découvrez comment vous pouvez importer des données YAML en ajoutant un plugin Rollup à votre projet.
-
Créer un composant image personnalisé
Apprendre à construire un composant image personnalisé qui supporte les requêtes média en utilisant la fonction getImage.
-
Construire des formulaires avec des routes API
Apprendre à utiliser JavaScript pour envoyer les soumissions de formulaires à une route API.
-
Créer des formulaires HTML dans Astro Pages
Apprenez à construire des formulaires HTML et à gérer les soumissions dans votre frontmatter.
-
Utiliser Bun avec Astro
Apprenez à utiliser Bun avec votre site Astro.
-
Appeler des points de terminaison à partir du serveur
Apprendre à appeler des points de terminaison à partir du serveur dans Astro.
-
Vérifier un Captcha
Apprenez à créer une route API et à la récupérer auprès du client.
-
Construisez votre site Astro avec Docker
Apprendre à construire votre site Astro en utilisant Docker.
-
Importer dynamiquement des images
Apprenez à importer dynamiquement des images en utilisant la fonction import.meta.glob de Vite.
-
Ajouter des icônes aux liens externes
Apprendre à installer un plugin rehype pour ajouter des icônes aux liens externes dans vos fichiers Markdown.
-
Ajouter des fonctionnalités i18n
Utilisez le routage dynamique et les collections de contenu pour ajouter un support d'internationalisation à votre site Astro.
-
Créer une application pour la barre d'outils de développement
Apprenez à créer une application dans la barre d'outils de développement pour votre site.
-
Ajouter l'heure de la dernière modification
Construire un plugin Remark pour ajouter l'heure de la dernière modification à votre Markdown et MDX.
-
Ajout du temps de lecture
Construire un plugin remark pour ajouter le temps de lecture à vos fichiers Markdown ou MDX.
-
Partage d'État
Apprenez à partager l'état entre les composants du framework avec les Nano Stores.
-
Partage d'état entre composants Astro
Apprendre à partager des états entre composants Astro avec Nano Stores.
-
Utilisation de la diffusion en continu pour améliorer les performances des pages
Apprendre à utiliser la diffusion en continu pour améliorer les performances des pages.
-
Styliser le rendu Markdown avec la typographie Tailwind
Apprenez à utiliser @tailwind/typography pour styliser votre rendu Markdown.