Recettes pratiques

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

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 module d'extension Vite ou Rollup

  Découvrez comment vous pouvez importer des données YAML en ajoutant un module d'extension Rollup à votre projet.

• Analyser la taille du bundle

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

• Créer un composant image personnalisé

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

• Créer des formulaires HTML dans les pages Astro

  Apprenez à construire des formulaires HTML et à gérer les soumissions dans votre frontmatter.

• Construire des formulaires avec des routes d'API

  Apprendre à utiliser JavaScript pour envoyer les soumissions de formulaires à une route d'API.

• 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 d'API et à la récupérer auprès du client.

• Personnaliser le nom des fichiers dans la sortie de compilation

  Découvrez comment modifier le modèle de nommage par défaut de vos ressources générées avec Astro telles que JavaScript, CSS et les images à l'aide des options Rollup de Vite.

• 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 module d'extension 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 la prise en charge de l'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

  Créez un module d'extension Remark pour ajouter l'heure de la dernière modification à votre Markdown et MDX.

• Ajout du temps de lecture

  Créez un module d'extension Remark pour ajouter le temps de lecture à vos fichiers Markdown ou MDX.

• Ajouter un flux RSS

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

• Partager l'état entre les composants Astro

  Apprendre à partager des états entre composants Astro avec Nano Stores.

• Partager l'état entre les îlots

  Apprenez à partager l'état entre les composants de framework 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.

• Mettre en forme le rendu Markdown avec la typographie Tailwind

  Apprenez à utiliser @tailwind/typography pour mettre en forme votre rendu Markdown.

Ressources communautaires

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