Recettes pratiques

Voir des exemples guidés pour ajouter des fonctionnalités à votre projet Astro.

Recettes officielles

Titre de la section Recettes officielles

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

• Analyzer les tailles des Bundle

  Apprenez à analyser le bundle généré par Astro en utilisant `rollup-plugin-visualizer`.

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

• Créer un composant image personnalisé

  Apprendre à construire un composant image personnalisé qui supporte les requêtes média en utilisant la fonction getImage.

• Utiliser Bun avec Astro

  Apprenez à utiliser Bun avec votre site Astro.

• Vérifier un Captcha

  Apprenez à créer une route API et à la récupérer auprès du client.

• Appeler des points de terminaison à partir du serveur

  Apprendre à appeler des points de terminaison à partir du serveur dans Astro.

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

• Ajouter un flux RSS

  Ajoutez un flux RSS à votre site Astro pour permettre aux utilisateurs de s'abonner à votre contenu.

• Ajout du temps de lecture

  Construire un plugin remark pour ajouter le temps de lecture à vos fichiers Markdown ou MDX.

• Partager l'état entre les 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.

• Partager l'état entre les îles

  Apprenez à partager l'état entre les composants du framework avec les Nano Stores.

Ressources communautaires

Titre de la section Ressources communautaires

Retrouvez plus de recettes écrites et soumises par la communauté sur Astro Tips.