i18n(fr): Update some files for the week n°12 (#7493)

* i18n(fr): Add one link for Astro DB, from 209b013 Signed-off-by: Thomas Bnt <[email protected]> * i18n(fr): Add one link about Astro DB, from 54ec7f2 Signed-off-by: Thomas Bnt <[email protected]> * i18n(fr): Update authentification.mdx "astro-auth" -> "auth-astro", from 7e14ad5 Signed-off-by: Thomas Bnt <[email protected]> * i18n(fr): Update butterCMS.mdx with adding one link, from a133dc2 Signed-off-by: Thomas Bnt <[email protected]> * i18n(fr): Fix typo in buttercms.mdx Signed-off-by: Thomas Bnt <[email protected]> * i18n(fr): Update strapi.mdx 💜 with adding <li>, from 51879ce Signed-off-by: Thomas Bnt <[email protected]> * i18n(fr): fix typo in content-collection-type-mismatch-error.mdx Signed-off-by: Thomas Bnt <[email protected]> * i18n(fr): Update content-collections.mdx about absolute URL, from 5e4c7dd Signed-off-by: Thomas Bnt <[email protected]> * i18n(fr): Update cloudflare.mdx from 52864bc Signed-off-by: Thomas Bnt <[email protected]> * i18n(fr): Update integration-guide/cloudflare.mdx from 52864bc Signed-off-by: Thomas Bnt <[email protected]> * i18n(fr): Update add-content-collections.mdx with <Steps>, from d62420e Signed-off-by: Thomas Bnt <[email protected]> * i18n(fr): Update add-view-transitions.mdx with <Steps>, from 88711e6 Signed-off-by: Thomas Bnt <[email protected]> * i18n(fr): Fix link Signed-off-by: Thomas Bnt <[email protected]> * Apply suggestion to test CI/CD. * Discard changes to src/content/docs/fr/tutorials/add-view-transitions.mdx * i18n(fr): Fix link Signed-off-by: Thomas Bnt <[email protected]> --------- Signed-off-by: Thomas Bnt <[email protected]> Co-authored-by: Paul Valladares <[email protected]>
withastro · Mar 24, 2024 · 4cf5ac5 · 4cf5ac5
1 parent 57c9930
commit 4cf5ac5
Show file tree

Hide file tree

Showing 10 changed files with 65 additions and 34 deletions.
diff --git a/src/content/docs/fr/community-resources/content.mdx b/src/content/docs/fr/community-resources/content.mdx
@@ -78,3 +78,5 @@ Vous avez écrit un guide pour Astro ? [Modifiez cette page](https://github.com/
 ### Internationalisation et localisation
 - [How to make your Astro website multilingual with Crowdin: Astro localization guide](https://crowdin.com/blog/2023/06/21/astro-localization-and-i18n)
 - [Translate routes in Astro for content collections and subpages](https://www.webdesign-sopelnik.de/en/blog/translate-routes-for-astro-content-collections-or-subpages-with-trailingslash-and-base-support/)
+### Astro DB
+- [Création d'un livre d'or avec Astro DB](https://ryantrimble.com/blog/creating-a-guestbook-with-astro-db/)
diff --git a/src/content/docs/fr/community-resources/talks.mdx b/src/content/docs/fr/community-resources/talks.mdx
@@ -40,6 +40,7 @@ Abonnez-vous au [calendrier Google des événements de la communauté Astro](htt
 - [Snowpack, Astro](https://www.devtools.fm/episode/14) avec Fred K. Schott sur devtools.fm
 - [Astro and MDX for digital gardening](https://podrocket.logrocket.com/astro-mdx-kathleen-mcmahon) avec Kathleen McMahon sur PodRocket
 - [Decoding the Astro Web Framework](https://www.youtube.com/watch?v=4PKT8x78yOQ) avec Chris Pennington sur Code Ryan
+- [Astro lance une base de données intégrée](https://shoptalkshow.com/607/) avec Fred K. Schott sur ShopTalk
 
 ## Sessions de codage en direct
 

diff --git a/src/content/docs/fr/guides/authentication.mdx b/src/content/docs/fr/guides/authentication.mdx
@@ -64,7 +64,7 @@ Auth.js est une solution d'authentification indépendante du framework. Un adapt
 
 ### Installation
 
-Utilisez la commande `astro add` de votre gestionnaire de paquets préféré pour ajouter l'intégration `astro-auth`.
+Utilisez la commande `astro add` de votre gestionnaire de paquets préféré pour ajouter l'intégration `auth-astro`.
 
 <PackageManagerTabs>
   <Fragment slot="npm">
@@ -86,7 +86,7 @@ Utilisez la commande `astro add` de votre gestionnaire de paquets préféré pou
 
 #### Installation manuelle
 
-Pour installer `astro-auth` manuellement, installez le paquet requis pour votre gestionnaire de paquets :
+Pour installer `auth-astro` manuellement, installez le paquet requis pour votre gestionnaire de paquets :
 
 <PackageManagerTabs>
   <Fragment slot="npm">

diff --git a/src/content/docs/fr/guides/cms/buttercms.mdx b/src/content/docs/fr/guides/cms/buttercms.mdx
@@ -9,13 +9,13 @@ i18nReady: true
 import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'
 
 
-ButterCMS est un CMS headless et un moteur de blog, qui vous permet de publier du contenu structuré, et de l'utiliser dans votre projet.
+[ButterCMS](https://buttercms.com/) est un CMS headless et un moteur de blog, qui vous permet de publier du contenu structuré, et de l'utiliser dans votre projet.
 
 ## Intégrer avec Astro
 :::note
 Pour un exemple de site de blog complet, voir le [Projet de démarrage Astro + ButterCMS](https://buttercms.com/starters/astro-starter-project/).
 :::
-Dans cet section, nous allons utiliser le [SDK ButterCMS](https://www.npmjs.com/package/buttercms) pour intégrer vos données dans votre projet Astro.
+Dans cette section, nous allons utiliser le [SDK ButterCMS](https://www.npmjs.com/package/buttercms) pour intégrer vos données dans votre projet Astro.
 Pour démarrer, vous aurez besoin de ce qui suit :
 ### Prérequis
 

diff --git a/src/content/docs/fr/guides/cms/strapi.mdx b/src/content/docs/fr/guides/cms/strapi.mdx
@@ -207,9 +207,11 @@ L'appel API demande des données à `http://localhost:1337/api/articles` et renv
         <ul>
           {
             articles.map((article) => (
-              <a href={`/blog/${article.attributes.slug}/`}>
-                {article.attributes.title}
-              </a>
+              <li>
+                <a href={`/blog/${article.attributes.slug}/`}>
+                  {article.attributes.title}
+                </a>
+              </li>
             ))
           }
         </ul>

diff --git a/src/content/docs/fr/guides/content-collections.mdx b/src/content/docs/fr/guides/content-collections.mdx
@@ -417,7 +417,7 @@ const englishDocsEntries = await getCollection('docs', ({ id }) => {
 
 Une fois que vous avez interrogé les entrées de votre collection, vous pouvez accéder à chaque entrée directement dans votre modèle de composant Astro. Cela vous permet de rendre du HTML pour des choses comme des liens vers votre contenu (en utilisant le contenu `slug`) ou des informations sur votre contenu (en utilisant la propriété `data`).
 
-Pour plus d'informations sur le rendu de votre contenu en HTML, voir [Rendre le contenu en HTML](/fr/guides/content-collections/#rendre-le-contenu-en-html) ci-dessous.
+Pour plus d'informations sur le rendu de votre contenu en HTML, voir [Rendre le contenu en HTML](#rendre-le-contenu-en-html) ci-dessous.
 
 ```astro
 ---

diff --git a/src/content/docs/fr/guides/deploy/cloudflare.mdx b/src/content/docs/fr/guides/deploy/cloudflare.mdx
@@ -91,37 +91,37 @@ Si vous préférez installer l'adaptateur manuellement, suivez les deux étapes
 
 1. Ajoutez l'adaptateur `@astrojs/cloudflare` aux dépendances de votre projet en utilisant votre gestionnaire de paquets préféré. Si vous utilisez npm ou si vous n'êtes pas sûr, lancez ceci dans le terminal :
 
- ```bash
- npm install @astrojs/cloudflare
- ```
+   ```bash
+   npm install @astrojs/cloudflare
+   ```
 
 2. Ajoutez ce qui suit à votre fichier `astro.config.mjs` :
 
- ```js title="astro.config.mjs" ins={2, 5-6}
- import { defineConfig } from 'astro/config' ;
- import cloudflare from '@astrojs/cloudflare' ;
-
- export default defineConfig({
-   output : 'server',
-   adapter : cloudflare()
- }) ;
-    ```
+   ```js title="astro.config.mjs" ins={2, 5-6}
+   import { defineConfig } from 'astro/config' ;
+   import cloudflare from '@astrojs/cloudflare' ;
+  
+   export default defineConfig({
+     output : 'server',
+     adapter : cloudflare()
+   }) ;
+   ```
 
 ### Les modes
 
 Il existe actuellement deux modes d'utilisation de Pages Functions avec l'adaptateur [`@astrojs/cloudflare`](https://github.com/withastro/astro/tree/main/packages/integrations/cloudflare#readme).
 
 1. Mode **Avancé** : Ce mode est utilisé lorsque vous voulez exécuter votre fonction en mode "avancé" qui récupère le `_worker.js` dans `dist`, ou en mode répertoire où les pages compileront le worker à partir d'un dossier de fonctions à la racine du projet.
 
-Si aucun mode n'est défini, la valeur par défaut est "advanced".
+    Si aucun mode n'est défini, la valeur par défaut est "advanced".
 
 2. Mode **directory** : Ce mode est utilisé lorsque vous voulez exécuter votre fonction en mode "répertoire", ce qui signifie que l'adaptateur compilera la partie client de votre application de la même manière, mais il déplacera le script worker dans un dossier `functions` à la racine du projet. L'adaptateur ne placera jamais qu'un `[[path]].js` dans ce dossier, ce qui vous permet d'ajouter des plugins et des pages middleware supplémentaires qui peuvent être vérifiés dans le contrôle de version.
 
- ```ts title= "astro.config.mjs" "directory"
- export default defineConfig({
-   adapter : cloudflare({ mode : "directory" }),
- }) ;
-    ```
+   ```ts title= "astro.config.mjs" "directory"
+   export default defineConfig({
+     adapter : cloudflare({ mode : "directory" }),
+   }) ;
+   ```
 ### Utilisation de Pages Functions
 
 Les [Pages Functions](https://developers.cloudflare.com/pages/platform/functions/) vous permettent d'exécuter du code côté serveur afin d'activer des fonctionnalités dynamiques sans avoir recours à un serveur dédié.
@@ -137,3 +137,11 @@ Si vous rencontrez des erreurs, vérifiez que la version de `node` que vous util
 Cloudflare requiert [Node v16.13](https://miniflare.dev/get-started/cli#installation), qui est une version plus récente que la version minimale d'Astro, donc vérifiez que vous utilisez au moins v16.13.
 
 L'hydratation côté client peut échouer à cause du paramètre Auto Minify de Cloudflare. Si vous voyez `Hydration completed but contains mismatches` dans la console, assurez-vous de désactiver Auto Minify dans les paramètres de Cloudflare.
+
+Si vous construisez un projet qui utilise le rendu à la demande avec [l'adaptateur Cloudflare SSR](/fr/guides/integrations-guide/cloudflare/) et que le serveur ne parvient pas à s'afficher avec un message d'erreur tel que "Si vous construisez un projet qui utilise le rendu à la demande avec [l'adaptateur Cloudflare SSR](/fr/guides/integrations-guide/cloudflare/) et que le serveur ne parvient pas à s'afficher avec un message d'erreur tel que `[Error] Could not resolve "XXXX. The package "XXXX" wasn't found on the file system but is built into node.` :
+
+- Cela signifie qu'un paquetage ou une importation que vous utilisez dans l'environnement côté serveur n'est pas compatible avec les [Cloudflare Workers runtime APIs](https://developers.cloudflare.com/workers/runtime-apis/nodejs/). 
+
+- Si vous importez directement une API d'exécution Node.js, veuillez consulter la documentation Astro sur la [compatibilité Node.js de Cloudflare](/fr/guides/integrations-guide/cloudflare/#compatibilité-nodejs) pour savoir comment résoudre ce problème.
+
+- Si vous importez un paquet qui importe une API d'exécution Node.js, vérifiez avec l'auteur du paquet s'il supporte la syntaxe d'importation `node:*`. Si ce n'est pas le cas, vous devrez peut-être trouver un autre paquetage ou utiliser un autre adaptateur.
diff --git a/src/content/docs/fr/guides/integrations-guide/cloudflare.mdx b/src/content/docs/fr/guides/integrations-guide/cloudflare.mdx
@@ -233,7 +233,7 @@ export default defineConfig({
 })
 ```
 
-### wasmModuleImports
+### `wasmModuleImports`
 
 <p>
 
@@ -529,7 +529,7 @@ Bien que cet exemple soit trivial, Wasm peut être utilisé pour accélérer des
 
 ## Compatibilité Node.js
 
-L'adaptateur Cloudflare d'Astro vous permet d'utiliser n'importe quelle API d'exécution Node.js prise en charge par Cloudflare :
+Cloudflare ne prend pas en charge l'intégralité de l'API d'exécution Node.js. Avec un peu de configuration, Cloudflare prend en charge un sous-ensemble des API d'exécution Node.js. Les API suivantes sont prises en charge :
 
 * assert
 * AsyncLocalStorage
@@ -552,6 +552,12 @@ import { Buffer } from 'node:buffer';
 
 En outre, vous devez activer le drapeau de compatibilité dans Cloudflare. La configuration de ce drapeau peut varier en fonction de l'endroit où vous déployez votre site Astro. Pour des conseils détaillés, veuillez consulter la [documentation Cloudflare sur l'activation de la compatibilité Node.js](https://developers.cloudflare.com/workers/runtime-apis/nodejs).
 
+
+:::note[Implications de la compatibilité des paquets]
+Si un projet importe un paquet sur le serveur qui utilise les API d'exécution Node.js, cela peut causer des problèmes lors du déploiement sur Cloudflare. Ce problème survient avec les paquets qui n'utilisent pas la syntaxe d'importation `node:*`. Il est recommandé de contacter les auteurs du paquet afin de déterminer si le paquet supporte la syntaxe d'importation ci-dessus. Si ce n'est pas le cas, vous devrez peut-être utiliser un autre paquet ou changer d'adaptateur.
+:::
+
+
 ## Support des modules Cloudflare
 
 Tous les paquets Cloudflare (par exemple `cloudflare:sockets`) sont autorisés à être utilisés. Notez que le paquet `cloudflare:sockets` ne fonctionne pas localement sans utiliser le mode dev de Wrangler.

diff --git a/src/content/docs/fr/reference/errors/content-collection-type-mismatch-error.mdx b/src/content/docs/fr/reference/errors/content-collection-type-mismatch-error.mdx
@@ -9,5 +9,5 @@ githubURL: https://github.com/withastro/astro/blob/main/packages/astro/src/core/
 ## Qu'est-ce qui a mal tourné ?
 Les collections de contenu doivent contenir des entrées du type configuré. Par défaut, les collections ont `type: 'content'`. Essayez d'ajouter `type: 'data'` à la configuration de votre collection pour les collections de données.
 
-**Voir aussi:**
+**Voir aussi :**
 - [Définition des collections de contenu](/fr/guides/content-collections/#définition-des-collections)
diff --git a/src/content/docs/fr/tutorials/add-content-collections.mdx b/src/content/docs/fr/tutorials/add-content-collections.mdx
@@ -9,6 +9,7 @@ import Box from '~/components/tutorial/Box.astro';
 import MultipleChoice from '~/components/tutorial/MultipleChoice.astro';
 import PreCheck from '~/components/tutorial/PreCheck.astro';
 import Option from '~/components/tutorial/Option.astro';
+import { Steps } from '@astrojs/starlight/components';
 
 **Les collections de contenu** sont un moyen puissant de gérer des groupes de contenus similaires, tels que des articles de blog. Les collections permettent d'organiser vos documents, de valider votre frontmatter YAML et de fournir une sécurité de type TypeScript automatique pour l'ensemble de votre contenu (même si vous n'écrivez pas de TypeScript vous-même).
 
@@ -93,8 +94,9 @@ Pour en savoir plus sur les [collections de contenu Astro](/fr/guides/content-co
 
 Les étapes ci-dessous vous montrent comment étendre le produit final du tutoriel Construire un blog en créant une collection de contenu pour les articles du blog.
 
-### Mise à jour  des dépendances 
+### Mise à jour des dépendances 
 
+<Steps>
 1. Mettez à jour la dernière version d'Astro, et mettez à jour toutes les intégrations vers leurs dernières versions en exécutant les commandes suivantes dans votre terminal :
 
     <PackageManagerTabs>
@@ -145,9 +147,11 @@ Les étapes ci-dessous vous montrent comment étendre le produit final du tutori
       }
     }
     ```
+</Steps>
 
 ### Créer une collection pour vos articles de blog
 
+<Steps>
 3. Créez une nouvelle **collection** (dossier) appelée `src/content/posts/`.
 
 4. Déplacez tous vos articles de blog existants (fichiers `.md`) de `src/pages/posts/` vers cette nouvelle collection.
@@ -179,11 +183,11 @@ Les étapes ci-dessous vous montrent comment étendre le produit final du tutori
     ```
 
 6. Pour qu'Astro reconnaisse votre schéma, quittez le serveur de développement (`CTRL + C`) et exécutez la commande suivante : [`npx astro sync`](/fr/reference/cli-reference/#astro-sync). Ceci définira le module `astro:content` pour l'API Content Collections. Redémarrez le serveur de développement pour continuer le tutoriel.
-
-
+</Steps>
 
 ### Générer des pages à partir d'une collection
 
+<Steps>
 7. Créez un fichier de page appelé `src/pages/posts/[...slug].astro`. Vos fichiers Markdown et MDX ne deviennent plus automatiquement des pages en utilisant le routage basé sur les fichiers d'Astro lorsqu'ils se trouvent dans une collection, vous devez donc créer une page responsable de la génération de chaque article de blog.
 
 8. Ajoutez le code suivant pour [interroger votre collection](/fr/guides/content-collections/#interroger-les-collections) pour que le slug de chaque article de blog et le contenu de la page soient disponibles pour chaque page qu'il génèrera :
@@ -237,9 +241,11 @@ Les étapes ci-dessous vous montrent comment étendre le produit final du tutori
     ...
     ---
     ```
+</Steps>
 
 ### Remplacer `Astro.glob()` avec `getCollection()`
 
+<Steps>
 11. Partout où vous avez une liste d'articles de blog, comme la page Blog du tutoriel (`src/pages/blog.astro/`), vous devrez remplacer `Astro.glob()` par [`getCollection()`](/fr/reference/api-reference/#getcollection) comme moyen d'extraire le contenu et les métadonnées de vos fichiers Markdown.
 
     ```astro title="src/pages/blog.astro" "post.data" "getCollection(\"posts\")" "/posts/${post.slug}/" del={7} ins={2,8}
@@ -340,12 +346,15 @@ Les étapes ci-dessous vous montrent comment étendre le produit final du tutori
           ```
           </details>
       </Box>
+</Steps>
 
 ### Mettez à jour les valeurs du frontmatter pour qu'elles correspondent à votre schéma.
 
+<Steps>
 14. Si nécessaire, mettez à jour toutes les valeurs frontmatter dans votre projet, comme dans votre mise en page, qui ne correspondent pas à votre schéma de collections. 
 
-    Dans l'exemple du tutoriel sur les blogs, `pubDate` était une chaîne de caractères. Maintenant, selon le schéma qui définit les types pour le frontmatter post, `pubDate` sera un objet `Date`
+    Dans l'exemple du tutoriel sur les blogs, `pubDate` était une chaîne de caractères. Maintenant, selon le schéma qui définit les types pour le frontmatter post, `pubDate` sera un 
+    objet `Date`
 
     Pour rendre la date dans la mise en page de l'article de blog, convertissez-la en chaîne de caractères :
 
@@ -354,13 +363,15 @@ Les étapes ci-dessous vous montrent comment étendre le produit final du tutori
     <BaseLayout pageTitle={frontmatter.title}>
       <p>{frontmatter.pubDate.toString().slice(0,10)}</p>
       <p><em>{frontmatter.description}</em></p>
-      <p>Ecrit par: {frontmatter.author}</p>
+      <p>Écrit par: {frontmatter.author}</p>
       <img src={frontmatter.image.url} width="300" alt={frontmatter.image.alt} />
     ...
     ```
+</Steps>
 
 ### Mettre à jour la fonction RSS
 
+<Steps>
 15. Enfin, le projet tutoriel de blog inclut un flux RSS. Cette fonction doit également utiliser `getCollection()` pour renvoyer des informations sur les articles de votre blog. Vous générerez ensuite les éléments RSS à l'aide de l'objet `data` renvoyé.
 
     ```js title="src/pages/rss.xml.js" del={2,11} ins={3,6,12-17}
@@ -385,5 +396,6 @@ Les étapes ci-dessous vous montrent comment étendre le produit final du tutori
       })
     }
     ```
+</Steps>
 
 Pour un exemple complet du tutoriel sur les blogs utilisant des collections de contenus, voir la [branche Collections de contenus](https://github.com/withastro/blog-tutorial-demo/tree/content-collections) du répertoire du tutoriel.