diff --git a/src/content/docs/fr/guides/ecommerce.mdx b/src/content/docs/fr/guides/ecommerce.mdx
index 9b8d7d9eab1ae..17a1d6b5815e7 100644
--- a/src/content/docs/fr/guides/ecommerce.mdx
+++ b/src/content/docs/fr/guides/ecommerce.mdx
@@ -4,6 +4,7 @@ description: Une introduction à l'ajout d'options d'e-commerce à votre site As
i18nReady: true
---
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'
+import { Steps } from '@astrojs/starlight/components';
import ReadMore from '~/components/ReadMore.astro'
Avec Astro, vous pouvez créer plusieurs options d'e-commerce, des liens de paiement aux pages de paiement hébergées, en passant par la création d'une boutique complète à l'aide d'une API de service de paiement.
@@ -22,11 +23,13 @@ La [bibliothèque JavaScript Lemon.js](https://docs.lemonsqueezy.com/help/lemonj
Voici un exemple d'ajout d'un élément Lemon Squeezy "Acheter maintenant" à une page Astro. En cliquant sur ce lien, le visiteur ouvrira une fenêtre de paiement et pourra effectuer un seul achat.
+
1. Ajoutez la balise `
```
+
2. Créez une balise d'ancrage sur la page qui renvoie à l'URL de votre produit. Incluez la classe `lemonsqueezy-button` pour ouvrir une fenêtre de paiement lorsqu'on clique dessus.
```html title="src/pages/my-product-page.astro"
@@ -34,6 +37,7 @@ Voici un exemple d'ajout d'un élément Lemon Squeezy "Acheter maintenant" à un
Acheter maintenant
```
+
#### Lemon.js
@@ -53,6 +57,7 @@ Voici un exemple d'ajout d'un élément Paddle "Acheter maintenant" à une page
Une fois que votre domaine de lien de paiement par défaut (votre propre site web) est approuvé par Paddle, vous pouvez transformer n'importe quel élément de votre page en un déclencheur pour une superposition de paiement à l'aide d'attributs de données HTML.
+
1. Ajoutez les deux balises `
```
+
2. Transformez n'importe quel élément de votre page en bouton de paiement Paddle en ajoutant la classe `paddle_button` :
```html title="src/pages/my-product-page.astro"
Acheter maintenant
```
+
3. Ajoutez un attribut `data-items` pour spécifier le Paddle `priceId` et `quantity` de votre produit. Vous pouvez également passer d'autres [attributs de données HTML pris en charge](https://developer.paddle.com/paddlejs/html-data-attributes) pour pré-remplir les données, gérer le succès de la commande, ou donner un style à votre bouton et à la fenêtre de commande :
```html title="src/pages/my-product-page.astro"
@@ -88,6 +95,7 @@ Une fois que votre domaine de lien de paiement par défaut (votre propre site we
Acheter maintenant
```
+
#### Paddle.js
@@ -116,6 +124,7 @@ Voici un exemple de configuration d'une caisse Snipcart et d'ajout d'éléments
Pour des instructions complètes, y compris la configuration de votre boutique Snipcart, veuillez consulter [la documentation d'installation de Snipcart](https://docs.snipcart.com/v3/setup/installation).
+
1. Ajoutez le script [comme indiqué dans les instructions d'installation de Snipcart](https://docs.snipcart.com/v3/setup/installation) sur votre page après l'élément ``.
```html title="src/pages/my-product-page.astro"
@@ -169,6 +178,7 @@ Voici un exemple de configuration d'une caisse Snipcart et d'ajout d'éléments
```html title="src/pages/my-product-page.astro"
```
+
#### Snipcart JavaScript SDK
diff --git a/src/content/docs/fr/guides/rss.mdx b/src/content/docs/fr/guides/rss.mdx
index 5c9c91a2c5587..88560e9a559f1 100644
--- a/src/content/docs/fr/guides/rss.mdx
+++ b/src/content/docs/fr/guides/rss.mdx
@@ -5,15 +5,16 @@ i18nReady: true
type: recipe
---
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'
+import { Steps } from '@astrojs/starlight/components';
import Since from '~/components/Since.astro'
-
Astro prend en charge la génération rapide et automatique de flux RSS pour les blogs et autres sites web de contenu. Les flux RSS permettent aux utilisateurs de s'abonner facilement à votre contenu.
## Mise en place de `@astrojs/rss`
Le paquet [`@astrojs/rss`](https://github.com/withastro/astro/tree/main/packages/astro-rss) fournit des aides pour générer des flux RSS en utilisant [des points de terminaison d'API](/fr/guides/endpoints/#points-de-terminaison-des-fichiers-statiques). . Cela débloque à la fois les constructions statiques _et_ la génération à la demande lors de l'utilisation d'un [adaptateur SSR](/fr/guides/server-side-rendering/).
+
1. Installez `@astrojs/rss` en utilisant votre gestionnaire de paquets préféré :
@@ -64,6 +65,7 @@ Le paquet [`@astrojs/rss`](https://github.com/withastro/astro/tree/main/packages
});
}
```
+
## Générer des `items`
diff --git a/src/content/docs/fr/recipes/add-yaml-support.mdx b/src/content/docs/fr/recipes/add-yaml-support.mdx
index 3d12b2d230502..4697528ccaacd 100644
--- a/src/content/docs/fr/recipes/add-yaml-support.mdx
+++ b/src/content/docs/fr/recipes/add-yaml-support.mdx
@@ -4,13 +4,14 @@ description: Découvrez comment vous pouvez importer des données YAML en ajouta
i18nReady: true
type: recipe
---
-
+import { Steps } from '@astrojs/starlight/components';
import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'
-Astro se construit au dessus de Vite, et supporte à la fois les plugins Vite et Rollup. Cette recette utilise un plugin Rollup pour ajouter la possibilité d'importer un fichier YAML (`.yml`) dans Astro.
+Astro se construit au-dessus de Vite, et supporte à la fois les plugins Vite et Rollup. Cette recette utilise un plugin Rollup pour ajouter la possibilité d'importer un fichier YAML (`.yml`) dans Astro.
## Recette
+
1. Installer `@rollup/plugin-yaml`:
@@ -43,8 +44,7 @@ Astro se construit au dessus de Vite, et supporte à la fois les plugins Vite et
}
});
```
-
-
+
3. Enfin, vous pouvez importer des données YAML en utilisant une instruction `import` :
```js
@@ -62,3 +62,4 @@ Astro se construit au dessus de Vite, et supporte à la fois les plugins Vite et
```
Cela permettra à votre éditeur de fournir des indications de type pour vos données YAML.
:::
+
diff --git a/src/content/docs/fr/recipes/build-custom-img-component.mdx b/src/content/docs/fr/recipes/build-custom-img-component.mdx
index 002e9ab680575..45e0082a836b2 100644
--- a/src/content/docs/fr/recipes/build-custom-img-component.mdx
+++ b/src/content/docs/fr/recipes/build-custom-img-component.mdx
@@ -4,6 +4,7 @@ description: Apprendre à construire un composant image personnalisé qui suppor
i18nReady: true
type: recipe
---
+import { Steps } from '@astrojs/starlight/components';
Astro fournit deux composants intégrés que vous pouvez utiliser pour afficher et optimiser vos images. Le composant `