withastro · yanthomasdev · Jun 26, 2024 · Jun 26, 2024 · Jun 26, 2024 · Jun 26, 2024
diff --git a/src/content/docs/fr/tutorial/0-introduction/1.mdx b/src/content/docs/fr/tutorial/0-introduction/1.mdx
@@ -7,7 +7,6 @@ i18nReady: true
 import Checklist from '~/components/Checklist.astro';
 import Box from '~/components/tutorial/Box.astro';
 
-
 ## De quoi ai-je besoin pour commencer ?
 
 Si vous avez quelques connaissances de base en **HTML**, **Markdown**, **CSS** et un peu de **JavaScript**, alors vous êtes prêt(e) à vous lancer ! Vous pourrez suivre l'intégralité du tutoriel en suivant simplement les instructions. Astro convient à tout le monde ! 🧑‍🚀 👩‍🚀 👨‍🚀
@@ -37,11 +36,17 @@ Si vous [créez un nouveau projet Astro vide](/fr/install-and-setup/) et que vou
 <details>
 <summary>Que faire si j'ai besoin d'aide, ou si je veux en savoir plus sur Astro ?</summary>
 
-Notre [serveur Discord](https://astro.build/chat)  convivial est l'endroit où il faut aller !
+Notre [serveur Discord](https://astro.build/chat) convivial est l'endroit où il faut aller !
 
 Rejoignez le canal du forum d'assistance pour poser des questions, ou dites bonjour et discutez dans les canaux `#general` ou `#off-topic`.
 </details>
 
+<details>
+  <summary>Que puis-je faire après avoir terminé ce tutoriel ?</summary>
+
+  À la fin de ce tutoriel, vous aurez un blog fonctionnel utilisant le routage intégré basé sur les fichiers d'Astro. Vous pouvez améliorer le code final de ce projet en le [réfactorisant pour gérer votre contenu avec des collections de contenu](/fr/tutorials/add-content-collections/) ou en [ajoutant des transitions de vue pour personnaliser la navigation de la page](/fr/tutorials/add-view-transitions/).
+</details>
+
 <details>
 <summary>Où puis-je laisser des commentaires sur ce tutoriel ?</summary>
 

diff --git a/src/content/docs/fr/tutorial/2-pages/2.mdx b/src/content/docs/fr/tutorial/2-pages/2.mdx
@@ -49,8 +49,8 @@ Maintenant que vous avez créé des pages à l'aide de fichiers `.astro`, créon
     description: "Il s'agit du premier article de mon nouveau blog Astro."
     author: 'Apprenti Astro'
     image:
-        url: 'https://docs.astro.build/assets/full-logo-light.png' 
-        alt: "Le logo complet d'Astro."
+        url: 'https://docs.astro.build/assets/rose.webp' 
+        alt: "Le logo Astro sur un fond sombre avec une lueur rose."
     tags: ["astro", "blogging", "apprentissage en public"]
     ---
     # Mon premier article de blog
@@ -117,7 +117,7 @@ Les informations en haut du fichier, à l'intérieur des barres de code, sont ap
     description: "Après avoir appris Astro, je ne pouvais plus m'arrêter !"
     image: 
         url: "https://docs.astro.build/assets/arc.webp"
-        alt: "Vignette des arcs Astro."
+        alt: "Le logo Astro sur un fond sombre avec un arc de cercle dégradé violet."
     pubDate: 2022-07-08
     tags: ["astro", "blogging", "apprentissage en public", "réussites"]
     ---
@@ -131,7 +131,7 @@ Les informations en haut du fichier, à l'intérieur des barres de code, sont ap
     description: "J'ai eu quelques défis, mais demander de l'aide à la communauté m'a vraiment aidé !"
     image: 
         url: "https://docs.astro.build/assets/rays.webp"
-        alt: "Vignette des rayons Astro."
+        alt: "Le logo Astro sur un fond sombre avec un arc de cercle dégradé violet."
     pubDate: 2022-07-15
     tags: ["astro", "apprentissage en public", "obstacles", "communauté"]
     ---
@@ -167,7 +167,7 @@ Les informations en haut du fichier, à l'intérieur des barres de code, sont ap
 
 4. Vérifiez votre prévisualisation dans le navigateur et assurez-vous que :
 
-    - Tous vos liens vers Article 1, Article 2 et Article 3 conduisent à une page fonctionnelle sur votre site. (Si vous trouvez une erreur, vérifiez vos liens sur `blog.astro` ou les noms de vos fichiers Markdown.)
+    Tous vos liens vers Article 1, Article 2 et Article 3 conduisent à une page fonctionnelle sur votre site. (Si vous trouvez une erreur, vérifiez vos liens sur `blog.astro` ou les noms de vos fichiers Markdown.)
 </Steps>
 
 

diff --git a/src/content/docs/fr/tutorial/3-components/1.mdx b/src/content/docs/fr/tutorial/3-components/1.mdx
@@ -52,9 +52,11 @@ Pour contenir les fichiers `.astro` qui généreront du HTML, mais qui ne devien
 <Steps>
 1. Revenez à `index.astro` et importez votre nouveau composant à l'intérieur du code fence :
 
-    ```astro title="src/pages/index.astro"
+    ```astro title="src/pages/index.astro" ins={2}
     ---
     import Navigation from '../components/Navigation.astro';
+    import "../styles/global.css";
+    const pageTitle = "Page d'accueil";
     ---
     ```
 

diff --git a/src/content/docs/fr/tutorial/4-layouts/1.mdx b/src/content/docs/fr/tutorial/4-layouts/1.mdx
@@ -147,7 +147,9 @@ N'oubliez pas de :
 
 - Laissez la mise en page être responsable du rendu HTML de tous les éléments communs.
 
-- Supprimez tout de chaque page que cette page n'est plus responsable de rendre, car cela est géré par la mise en page, y compris :
+- Déplacez toutes les balises `<style>` existantes dans la page `<head>` avec les styles que vous souhaitez conserver dans le modèle HTML de la page.
+
+- Supprimez de chaque page individuelle tout ce qui est désormais géré par la mise en page, y compris :
 
   - Éléments HTML
   - Composants et leurs imports 

diff --git a/src/content/docs/fr/tutorial/4-layouts/2.mdx b/src/content/docs/fr/tutorial/4-layouts/2.mdx
@@ -49,8 +49,8 @@ Lorsque vous incluez la propriété `layout` dans le frontmatter d'un fichier `.
     description: 'Ceci est le premier billet de mon nouveau blog Astro.'
     author: 'Apprenant Astro'
     image:
-        url: 'https://docs.astro.build/assets/full-logo-light.png' 
-        alt: 'Le logo Astro complet.'
+        url: 'https://docs.astro.build/assets/rose.webp' 
+        alt: 'Le logo Astro sur un fond sombre avec une lueur rose.'
     tags: ["astro", "blogging", "apprentissage en public"]
     ---
     ```

diff --git a/src/content/docs/fr/tutorial/5-astro-api/1.mdx b/src/content/docs/fr/tutorial/5-astro-api/1.mdx
@@ -29,7 +29,7 @@ Maintenant que vous avez quelques billets de blog à lier, configurons la page B
     ```astro title="src/pages/blog.astro" ins={3}
     ---
     import BaseLayout from '../layouts/BaseLayout.astro'
-    const allPosts = await Astro.glob('../pages/posts/*.md');
+    const allPosts = await Astro.glob('./posts/*.md');
     const pageTitle = "Mon blog d'apprentissage Astro";
     ---
     <BaseLayout pageTitle={pageTitle}>
@@ -48,7 +48,7 @@ Maintenant que vous avez quelques billets de blog à lier, configurons la page B
     ```astro title="src/pages/blog.astro" del={9,10,11} ins={13}
     ---
     import BaseLayout from '../layouts/BaseLayout.astro'
-    const allPosts = await Astro.glob('../pages/posts/*.md');
+    const allPosts = await Astro.glob('./posts/*.md');
     const pageTitle = "Mon blog d'apprentissage Astro";
     ---
     <BaseLayout pageTitle={pageTitle}>
@@ -186,7 +186,7 @@ Si votre composant Astro contient la ligne de code suivante :
 
 ```astro
 ---
-const myPosts = await Astro.glob('../pages/posts/*.md');
+const myPosts = await Astro.glob('./posts/*.md');
 ---
 ```
 

diff --git a/src/content/docs/fr/tutorial/5-astro-api/2.mdx b/src/content/docs/fr/tutorial/5-astro-api/2.mdx
@@ -79,7 +79,7 @@ Vous pouvez créer des ensembles entiers de pages dynamiquement en utilisant des
         {params: {tag: "blogging"}, props: {posts: allPosts}},
         {params: {tag: "obstacles"}, props: {posts: allPosts}},
         {params: {tag: "apprentissage en public"}, props: {posts: allPosts}}
-      ]
+      ];
     }
 
     const { tag } = Astro.params;
@@ -89,7 +89,7 @@ Vous pouvez créer des ensembles entiers de pages dynamiquement en utilisant des
 
 2. Filtrez votre liste de billets pour inclure uniquement les billets contenant la propre balise de la page.
 
-    ```astro title="/src/pages/tags/[tag].astro" ins={4}
+    ```astro title="src/pages/tags/[tag].astro" ins={4}
     ---
     const { tag } = Astro.params;
     const { posts } = Astro.props;

diff --git a/src/content/docs/fr/tutorial/5-astro-api/4.mdx b/src/content/docs/fr/tutorial/5-astro-api/4.mdx
@@ -101,39 +101,12 @@ Les personnes peuvent s'abonner à votre flux dans un lecteur de flux et recevoi
     });
     ```
 
-4. Ce document `rss.xml` n'est créé que lorsque votre site est construit, vous ne pourrez donc pas voir cette page dans votre navigateur pendant le développement. Quittez le serveur de développement et exécutez les commandes suivantes pour d'abord construire votre site localement, puis afficher un aperçu de votre construction :
-
-    <PackageManagerTabs>
-      <Fragment slot="npm">
-      ```shell
-      npm run build
-
-      npm run preview
-      ```
-      </Fragment>
-      <Fragment slot="pnpm">
-      ```shell
-      pnpm run build
-
-      pnpm run preview
-      ```
-      </Fragment>
-      <Fragment slot="yarn">
-      ```shell
-      yarn run build
-
-      yarn run preview
-      ```
-      </Fragment>
-    </PackageManagerTabs>
-
-5. Visitez `http://localhost:4321/rss.xml` et vérifiez que vous pouvez voir du texte (non formaté) sur la page avec un `item` pour chacun de vos fichiers `.md`. Chaque élément devrait contenir des informations sur les articles de blog telles que `title`, `url` et `description`.
+4. Visitez `http://localhost:4321/rss.xml` et vérifiez que vous pouvez voir du texte (non formaté) sur la page avec un `item` pour chacun de vos fichiers `.md`. Chaque élément devrait contenir des informations sur les articles de blog telles que `title`, `url` et `description`.
 
     :::tip[Consultez votre flux RSS dans un lecteur]
     Téléchargez un lecteur de flux, ou inscrivez-vous à un service de lecteur de flux en ligne et abonnez-vous à votre site en ajoutant votre propre URL Netlify. Vous pouvez également partager ce lien avec d'autres personnes afin qu'elles puissent s'abonner à vos articles et être notifiées lorsqu'un nouveau est publié.
     :::
 
-6. Assurez-vous de quitter l'aperçu et de redémarrer le serveur de développement lorsque vous souhaitez voir votre site en mode développement à nouveau.
 </Steps>
 
 <Box icon="check-list">