diff --git a/src/content/docs/fr/core-concepts/astro-pages.mdx b/src/content/docs/fr/core-concepts/astro-pages.mdx
index 7aca999a2bfac..0520937b183d7 100644
--- a/src/content/docs/fr/core-concepts/astro-pages.mdx
+++ b/src/content/docs/fr/core-concepts/astro-pages.mdx
@@ -4,6 +4,7 @@ description: Une introduction aux pages Astro
 i18nReady: true
 ---
 
+import ReadMore from '~/components/ReadMore.astro';
 import Since from '~/components/Since.astro'
 
 Les **pages** sont des fichiers qui se trouvent dans le sous-répertoire `src/pages/` de votre projet Astro. Ils sont responsables de la gestion du routage, du chargement des données et de la mise en page globale de chaque page de votre site Web.
@@ -23,7 +24,7 @@ Astro utilise une stratégie de routage appelée **routage basé sur les fichier
 
 Un seul fichier peut également générer plusieurs pages en utilisant le [routage dynamique](/fr/core-concepts/routing/#routes-dynamiques). Cela vous permet de créer des pages même si votre contenu se trouve en dehors du répertoire spécial `/pages/`, par exemple dans une [collection de contenu](/fr/guides/content-collections/) ou un [CMS](/fr/guides/cms/).
 
-📚 En savoir plus sur [Le routage dans Astro](/fr/core-concepts/routing/).
+<ReadMore>En savoir plus sur [Le routage dans Astro](/fr/core-concepts/routing/).</ReadMore>
 
 ### Lien entre les pages
 
@@ -66,7 +67,7 @@ import MySiteLayout from '../layouts/MySiteLayout.astro';
 </MySiteLayout>
 ```
 
-📚 En savoir plus sur les [composants de mise en page](/fr/core-concepts/layouts/) dans Astro.
+<ReadMore>En savoir plus sur les [composants de mise en page](/fr/core-concepts/layouts/) dans Astro.</ReadMore>
 
 ## Pages Markdown/MDX
 
@@ -88,7 +89,7 @@ Voici ma page, écrite en **Markdown**.
 
 ```
 
-📚 En savoir plus sur le [Markdown](/fr/guides/markdown-content/) dans Astro.
+<ReadMore>En savoir plus sur le [Markdown](/fr/guides/markdown-content/) dans Astro.</ReadMore>
 
 ## Pages HTML
 
diff --git a/src/content/docs/fr/core-concepts/framework-components.mdx b/src/content/docs/fr/core-concepts/framework-components.mdx
index 3b1fbbf6d5aa3..a77c3c182405c 100644
--- a/src/content/docs/fr/core-concepts/framework-components.mdx
+++ b/src/content/docs/fr/core-concepts/framework-components.mdx
@@ -4,6 +4,7 @@ description: 'Apprennez à utiliser React, Svelte, etc.. avec Astro'
 
 ---
 import IntegrationsNav from '~/components/IntegrationsNav.astro'
+import ReadMore from '~/components/ReadMore.astro'
 
 Construisez votre site Astro sans sacrifier votre Framework favori. Créez des iles Astro](/fr/concepts/islands/) avec le framework UI de votre choix.
 
@@ -79,7 +80,7 @@ La plupart des modèles d'accessibilité spécifiques au framework devraient fon
 
 Il y a plusieurs directives d'hydratation disponibles pour les composants de Framework : `client:load`, `client:idle`, `client:visible`, `client:media={QUERY}` et `client:only={FRAMEWORK}`.
 
-📚 Allez voir notre [page de référence des directives](/fr/reference/directives-reference/#directives-client) pour une description complète de ces directives, et de leur utilisation.
+<ReadMore>Allez voir notre [page de référence des directives](/fr/reference/directives-reference/#directives-client) pour une description complète de ces directives, et de leur utilisation.</ReadMore>
 
 ## Mixer des Frameworks
 
@@ -233,7 +234,7 @@ Si vous essayez d'hydrater un composant Astro avec un modificateur `client:`, vo
 
 Les [composants Astro](/fr/core-concepts/astro-components/) sont des composants de modélisation HTML uniquement, sans exécution côté client. Cependant, vous pouvez utiliser une balise `<script>` dans votre modèle de composant Astro pour envoyer du JavaScript au navigateur qui s'exécute dans la portée globale.
 
-📚 Apprenez-en plus sur [les `<script>` client-side dans les composants Astro](/fr/guides/client-side-scripts/)
+<ReadMore>Apprenez-en plus sur [les `<script>` client-side dans les composants Astro](/fr/guides/client-side-scripts/)</ReadMore>
 
 [mdn-io]: https://developer.mozilla.org/fr/docs/Web/API/Intersection_Observer_API
 [mdn-ric]: https://developer.mozilla.org/fr/docs/Web/API/Window/requestIdleCallback
diff --git a/src/content/docs/fr/core-concepts/layouts.mdx b/src/content/docs/fr/core-concepts/layouts.mdx
index 556aec3306ce8..b1517e41449a2 100644
--- a/src/content/docs/fr/core-concepts/layouts.mdx
+++ b/src/content/docs/fr/core-concepts/layouts.mdx
@@ -4,6 +4,8 @@ description: Une introduction aux composants Layouts, un type de composant Astro
 i18nReady: true
 ---
 
+import ReadMore from '~/components/ReadMore.astro'
+
 Les **Layouts** (ou "mise-en-pages" en français) sont des [composants Astro](/fr/core-concepts/astro-components/) utilisés pour fournir une structure d'interface utilisateur réutilisable, comme un modèle de page.
 
 Par convention, nous utilisons le terme "mise en page" pour les composants Astro qui fournissent des éléments d'interface utilisateur commune à toutes les pages, tels que les en-têtes, les barres de navigation et les pieds de page. Un composant de mise en page typique d'Astro fournit [aux pages Astro, Markdown ou MDX](/fr/core-concepts/astro-pages/) les éléments suivants :
@@ -54,7 +56,7 @@ import MySiteLayout from '../layouts/MySiteLayout.astro';
 ```
 
 
-📚 Apprenez-en plus sur [les Slots](/fr/core-concepts/astro-components/#les-emplacements-slots).
+<ReadMore>Apprenez-en plus sur [les Slots](/fr/core-concepts/astro-components/#les-emplacements-slots).</ReadMore>
 
 ## Mises en page Markdown/MDX
 
@@ -227,7 +229,7 @@ const { title, fancyJsHelper } = Astro.props;
 <!-- -->
 ```
 
-📚 Pour en savoir plus sur la prise en charge de Markdown et de MDX par Astro, consultez notre [guide Markdown/MDX](/fr/guides/markdown-content/).
+<ReadMore>Pour en savoir plus sur la prise en charge de Markdown et de MDX par Astro, consultez notre [guide Markdown/MDX](/fr/guides/markdown-content/).</ReadMore>
 
 ## Utilisation d'une mise en page unique pour les fichiers `.md`, `.mdx` et `.astro`.
 
diff --git a/src/content/docs/fr/core-concepts/routing.mdx b/src/content/docs/fr/core-concepts/routing.mdx
index d751dd11bec5e..b2b815b8bb475 100644
--- a/src/content/docs/fr/core-concepts/routing.mdx
+++ b/src/content/docs/fr/core-concepts/routing.mdx
@@ -6,6 +6,7 @@ i18nReady: true
 import FileTree from '~/components/FileTree.astro'
 import RecipeLinks from "~/components/RecipeLinks.astro"
 import Since from '~/components/Since.astro'
+import ReadMore from '~/components/ReadMore.astro'
 
 Astro utilise un **routage basé sur les fichiers** pour générer vos URLs de construction en fonctionde la disposition des fichiers dans le répertoire `src/pages/` de votre projet. Lorsqu'un fichier est ajouté au répertoire `src/pages` de votre projet, il est automatiquement disponible en tant que route basée sur son nom de fichier.
 
@@ -83,7 +84,7 @@ Cela va générer `/en-v1/info` et `/fr-v2/info`.
 
 Les paramètres peuvent être inclus dans des parties séparées du chemin, ainsi nous pourrions utiliser `src/pages/[lang]/[version]/info.astro` avec le même `getStaticPaths` pour générer `/en/v1/info` et `/fr/v2/info`.
 
-📚 En savoir plus sur [`getStaticPaths()`](/fr/reference/api-reference/#getstaticpaths).
+<ReadMore>En savoir plus sur [`getStaticPaths()`](/fr/reference/api-reference/#getstaticpaths).</ReadMore>
 
 <RecipeLinks slugs={["fr/recipes/i18n"]} />
 
diff --git a/src/content/docs/fr/editor-setup.mdx b/src/content/docs/fr/editor-setup.mdx
index ad419ac85efa1..9bf251fcd6211 100644
--- a/src/content/docs/fr/editor-setup.mdx
+++ b/src/content/docs/fr/editor-setup.mdx
@@ -20,7 +20,9 @@ Astro fonctionne avec n'importe quel éditeur decode. Cependant, VS Code est l'
 
 Pour commencer, installez l'extension [Astro VS Code](https://marketplace.visualstudio.com/items?itemName=astro-build.astro-vscode) dès maintenant.
 
-📚 Voir comment [configurer TypeScript](/fr/guides/typescript/) dans votre projet Astro.
+import ReadMore from '~/components/ReadMore.astro';
+
+<ReadMore>Voir comment [configurer TypeScript](/fr/guides/typescript/) dans votre projet Astro.</ReadMore>
 
 ## JetBrains IDEs
 
diff --git a/src/content/docs/fr/guides/configuring-astro.mdx b/src/content/docs/fr/guides/configuring-astro.mdx
index d63fa95824a77..5ce47b7afcc17 100644
--- a/src/content/docs/fr/guides/configuring-astro.mdx
+++ b/src/content/docs/fr/guides/configuring-astro.mdx
@@ -2,10 +2,12 @@
 title: Configurer Astro
 i18nReady: true
 ---
+import ReadMore from '~/components/ReadMore.astro'
 
 Personnalisez le fonctionnement d'Astro en ajoutant un fichier `astro.config.mjs` dans votre projet. C'est un fichier commun dans les projets Astro, et tous les exemples officiels de modèles et de thèmes sont livrés avec un fichier par défaut.
 
-📚 Lisez la [doc de référence de l'API d'Astro](/fr/reference/configuration-reference/) pour une vue d'ensemble de toutes les options de configuration supportées.
+<ReadMore>Lisez la [doc de référence de l'API d'Astro](/fr/reference/configuration-reference/) pour une vue d'ensemble de toutes les options de configuration supportées.</ReadMore>
+
 ## Le Fichier de Configuration d'Astro
 
 Un fichier de configuration Astro valide exporte sa configuration en utilisant l'export `default`, en utilisant l'aide `defineConfig` recommandée :
@@ -164,4 +166,4 @@ const { SECRET_PASSWORD } = loadEnv(process.env.NODE_ENV, process.cwd(), "");
 
 ## Référence de configuration
 
-📚 Lisez la documentation de référence [sur la configuration de l'API d'Astro](/fr/reference/configuration-reference/) pour une vue d'ensemble des options de configuration supportées.
+<ReadMore>Lisez la documentation de référence [sur la configuration de l'API d'Astro](/fr/reference/configuration-reference/) pour une vue d'ensemble des options de configuration supportées.</ReadMore>
diff --git a/src/content/docs/fr/guides/deploy/cloudflare.mdx b/src/content/docs/fr/guides/deploy/cloudflare.mdx
index ca4a74082a061..a38133b9bcd79 100644
--- a/src/content/docs/fr/guides/deploy/cloudflare.mdx
+++ b/src/content/docs/fr/guides/deploy/cloudflare.mdx
@@ -4,6 +4,7 @@ description: Comment déployer votre site Astro sur le web en utilisant les page
 type: deploy
 i18nReady: true
 ---
+import ReadMore from '~/components/ReadMore.astro'
 
 Vous pouvez déployer votre projet Astro sur [Cloudflare Pages](https://pages.cloudflare.com/), une plateforme permettant aux développeurs frontaux de collaborer et de déployer des sites web statiques (JAMstack) et SSR.
 
@@ -60,7 +61,7 @@ Une fois vos ressources téléchargées, Wrangler vous donnera une URL de prévi
 Pour que la prévisualisation fonctionne, vous devez installer `wrangler`
 
 ```bash
-pnpm install wrangler --save-dev
+pnpm add wrangler --save-dev
 ```
 
 Il est alors possible de mettre à jour le script de prévisualisation pour exécuter `wrangler` au lieu de la commande de prévisualisation intégrée à Astro :
@@ -127,7 +128,7 @@ Les [Pages Functions](https://developers.cloudflare.com/pages/platform/functions
 
 Pour commencer, créez un répertoire `/functions` à la racine de votre projet. L'écriture de vos fichiers Functions dans ce répertoire génère automatiquement un Worker avec des fonctionnalités personnalisées aux itinéraires prédéfinis. Pour en savoir plus sur l'écriture des fonctions, consultez la [documentation Pages Functions](https://developers.cloudflare.com/pages/platform/functions/).
 
-📚 En savoir plus sur [SSR in Astro](/fr/guides/server-side-rendering/).
+<ReadMore>En savoir plus sur [SSR in Astro](/fr/guides/server-side-rendering/).</ReadMore>
 
 ## Dépannage
 
diff --git a/src/content/docs/fr/guides/deploy/deno.mdx b/src/content/docs/fr/guides/deploy/deno.mdx
index 8b406cd6c2b45..4da22b2421483 100644
--- a/src/content/docs/fr/guides/deploy/deno.mdx
+++ b/src/content/docs/fr/guides/deploy/deno.mdx
@@ -4,6 +4,7 @@ description: Comment déployer votre site Astro sur le web en utilisant Deno.
 type: deploy
 i18nReady: true
 ---
+import ReadMore from '~/components/ReadMore.astro'
 
 Vous pouvez déployer un site Astro rendu côté serveur sur [Deno Deploy](https://deno.com/deploy), un système distribué qui exécute JavaScript, TypeScript et WebAssembly à la pointe de la technologie, dans le monde entier.
 
@@ -170,6 +171,6 @@ Vous pouvez alors utiliser cette commande pour construire et déployer votre sit
     ```
 
 
-📚 En savoir plus sur [SSR in Astro](/fr/guides/server-side-rendering/).
+<ReadMore>En savoir plus sur [SSR in Astro](/fr/guides/server-side-rendering/).</ReadMore>
 
 [Deno adapter]: https://github.com/denoland/deno-astro-adapter
diff --git a/src/content/docs/fr/guides/deploy/netlify.mdx b/src/content/docs/fr/guides/deploy/netlify.mdx
index 80bb7f5665968..76640af51335f 100644
--- a/src/content/docs/fr/guides/deploy/netlify.mdx
+++ b/src/content/docs/fr/guides/deploy/netlify.mdx
@@ -4,6 +4,8 @@ description: Comment déployer votre site Astro sur le web sur Netlify.
 type: deploy
 i18nReady: true
 ---
+import ReadMore from '~/components/ReadMore.astro'
+
 [Netlify](https://netlify.com) propose des services d'hébergement et de backend sans serveur (serverless) pour les applications web et les sites web statiques. Tout site Astro peut être hébergé sur Netlify !
 
 Ce guide comprend des instructions pour le déploiement sur Netlify via l'interface utilisateur du site Web ou le CLI de Netlify.
@@ -52,6 +54,7 @@ Si vous préférez installer l'adaptateur manuellement, suivez les deux étapes
       // astro.config.mjs
       import { defineConfig } from 'astro/config';
       import netlify from '@astrojs/netlify/functions';
+
       export default defineConfig({
         output: 'server',
         adapter: netlify({
@@ -95,13 +98,14 @@ Si votre projet est stocké sur GitHub, GitLab, BitBucket, ou Azure DevOps, vous
   publish = "dist"
 ```
 
-📚 Plus d'informations sur le ["Déploiement d'un dépôt Astro Git existant" (EN)](https://www.netlify.com/blog/how-to-deploy-astro/#deploy-an-existing-git-repository-to-netlify) sur le blog de Netlify
+<ReadMore>Plus d'informations sur le ["Déploiement d'un dépôt Astro Git existant" (EN)](https://www.netlify.com/blog/how-to-deploy-astro/#deploy-an-existing-git-repository-to-netlify) sur le blog de Netlify</ReadMore>
 
 
 ### Déploiement CLI
 
 Vous pouvez également créer un nouveau site sur Netlify et relier votre dépôt Git en installant et en utilisant le [CLI de Netlify](https://cli.netlify.com/).
 
+
 1. Installez le CLI de Netlify globalement : 
    
     ```bash
@@ -118,7 +122,7 @@ Vous pouvez également créer un nouveau site sur Netlify et relier votre dépô
    
    Le CLI ajoutera une clé de déploiement au dépôt, ce qui signifie que votre site sera automatiquement reconstruit sur Netlify chaque fois que vous ferez `git push`.
 
-📚 Plus de détails de Netlify sur [Déployer un site Astro à l'aide de la CLI Netlify (EN)](https://www.netlify.com/blog/how-to-deploy-astro/#link-your-astro-project-and-deploy-using-the-netlify-cli)
+<ReadMore>Plus de détails de Netlify sur [Déployer un site Astro à l'aide de la CLI Netlify (EN)](https://www.netlify.com/blog/how-to-deploy-astro/#link-your-astro-project-and-deploy-using-the-netlify-cli)</ReadMore>
 
 ### Définir une version de Node.js
 
diff --git a/src/content/docs/fr/guides/deploy/vercel.mdx b/src/content/docs/fr/guides/deploy/vercel.mdx
index 38ff9cada5666..0572b2d6d3250 100644
--- a/src/content/docs/fr/guides/deploy/vercel.mdx
+++ b/src/content/docs/fr/guides/deploy/vercel.mdx
@@ -4,6 +4,7 @@ description: Comment déployer votre site Astro vers le web sur Vercel.
 type: deploy
 i18nReady: true
 ---
+import ReadMore from '~/components/ReadMore.astro'
 
 Vous pouvez utiliser [Vercel](http://vercel.com/) pour déployer un site Astro vers son global edge network (réseau périphérique mondial) sans aucune configuration.
 
@@ -60,7 +61,7 @@ Vous pouvez déployer Vercel via l'interface utilisateur du site web ou en utili
 
 Une fois que votre projet a été importé et déployé, tous les pushes ultérieures vers les bracnhes généreront des [Déploiements de prévisualisation (EN)](https://vercel.com/docs/concepts/deployments/environments#preview), et toutes les modifications apportées à la branche de production (communément appelée "main") donneront lieu à un [Déploiement de production (EN)](https://vercel.com/docs/concepts/deployments/environments#production).
 
-📚 Apprenez-en plus sur l'[Intégration Git de Vercel (EN)](https://vercel.com/docs/concepts/git).
+<ReadMore>Apprenez-en plus sur l'[Intégration Git de Vercel (EN)](https://vercel.com/docs/concepts/git).</ReadMore>
 
 
 ### Déploiement via ILC
@@ -81,7 +82,7 @@ Une fois que votre projet a été importé et déployé, tous les pushes ultéri
 
 Vous pouvez utiliser `vercel.json` pour surcharger le comportement par défaut de Vercel et pour configurer des paramètres supplémentaires. Par exemple, vous pouvez souhaiter attacher des en-têtes aux réponses HTTP de vos déploiements. 
 
-📚 En savoir plus sur la [configuration Vercel (EN)](https://vercel.com/docs/project-configuration).
+<ReadMore>En savoir plus sur la [configuration Vercel (EN)](https://vercel.com/docs/project-configuration).</ReadMore>
 
 ### Mise à jour vers Astro 2.0
 
diff --git a/src/content/docs/fr/guides/imports.mdx b/src/content/docs/fr/guides/imports.mdx
index d952e41929d96..2f1ec09968864 100644
--- a/src/content/docs/fr/guides/imports.mdx
+++ b/src/content/docs/fr/guides/imports.mdx
@@ -4,6 +4,7 @@ description: Apprendre comment importer différents types de contenu avec Astro.
 i18nReady: true
 ---
 import RecipeLinks from "~/components/RecipeLinks.astro";
+import ReadMore from '~/components/ReadMore.astro'
 
 Astro supporte la plupart des ressources statiques sans aucune configuration requise. Vous pouvez utiliser la directive `import` n'importe où dans votre projet JavaScript (y compris votre *frontmatter* d'Astro) et Astro inclura une copie construite et optimisée de cette ressource statique dans votre build final. `@import` est également prise en charge dans les balises CSS et `<style>`.
 
@@ -61,7 +62,8 @@ import MyComponent from "./MyComponent"; // MyComponent.tsx
 
 :::
 
-📚 Lire la suite [Prise en charge de TypeScript dans Astro](/fr/guides/typescript/).
+<ReadMore>Lire la suite [Prise en charge de TypeScript dans Astro](/fr/guides/typescript/).</ReadMore>
+
 
 ## JSX / TSX
 
diff --git a/src/content/docs/fr/guides/markdown-content.mdx b/src/content/docs/fr/guides/markdown-content.mdx
index df97593cc23b6..aaf9599b34e22 100644
--- a/src/content/docs/fr/guides/markdown-content.mdx
+++ b/src/content/docs/fr/guides/markdown-content.mdx
@@ -7,6 +7,7 @@ i18nReady: true
 import Since from '~/components/Since.astro'
 import FileTree from '~/components/FileTree.astro'
 import RecipeLinks from "~/components/RecipeLinks.astro";
+import ReadMore from '~/components/ReadMore.astro'
 
 Le [Markdown](https://daringfireball.net/projects/markdown/) est couramment utilisé pour créer des contenus à forte teneur en texte, tels que des articles de blog et de la documentation. Astro inclut une prise en charge intégrée des fichiers Markdown standard qui peuvent également inclure un [frontmatter YAML](https://dev.to/paulasantamaria/introduction-to-yaml-125f) pour définir des métadonnées personnalisées telles qu'un titre, une description et des balises.
 
@@ -58,7 +59,7 @@ Ce n'est probablement pas suffisamment stylisé, mais le Markdown supporte :
 - Et plus encore !
 ```
 
-📚 En savoir plus sur le [routage basé sur les fichiers d'Astro](/fr/core-concepts/routing/) ou les options pour créer des [routes dynamiques](/fr/core-concepts/routing/#routes-dynamiques).
+<ReadMore>En savoir plus sur le [routage basé sur les fichiers d'Astro](/fr/core-concepts/routing/) ou les options pour créer des [routes dynamiques](/fr/core-concepts/routing/#routes-dynamiques).</ReadMore>
 
 ## Fonctionnalités de Markdown
 
@@ -99,7 +100,7 @@ const {frontmatter} = Astro.props;
 
 Vous pouvez également [styliser votre Markdown](/fr/guides/styling/#markdown-styling) dans votre composant de mise en page.
 
-📚 En savoir plus sur les [mises en page Markdown](/fr/core-concepts/layouts/#mises-en-page-markdownmdx).
+<ReadMore>En savoir plus sur les [mises en page Markdown](/fr/core-concepts/layouts/#mises-en-page-markdownmdx).</ReadMore>
 
 
 ### Identifiants d'En-tête
diff --git a/src/content/docs/fr/install/auto.mdx b/src/content/docs/fr/install/auto.mdx
index 8070db831d5a9..375cb26d33680 100644
--- a/src/content/docs/fr/install/auto.mdx
+++ b/src/content/docs/fr/install/auto.mdx
@@ -133,8 +133,22 @@ Bravo ! Vous êtes maintenant prêt à développer avec Astro ! 🥳
 
 Voici quelques sujets que nous vous recommandons d'explorer ensuite. Vous pouvez les lire dans n'importe quel ordre. Vous pouvez même quitter notre documentation pour un moment et aller jouer dans votre nouveau codebase de projet Astro, revenant ici chaque fois que vous rencontrez des problèmes ou avez des questions.
 
-📚 **Ajoutez un framework:** Apprenez à étendre Astro avec un support pour React, Svelte, Tailwind et plus encore en utilisant `npx astro add` dans notre [guide d'intégrations](/fr/guides/integrations-guide/).
-
-📚 **Déployez votre site:** Apprenez à construire et déployer un projet Astro sur le web dans notre [guide de déploiement](/fr/guides/deploy/).
-
-📚 **Comprenez votre projet:** En savoir plus sur la structure de projet d'Astro dans notre [guide de la structure de projet](/fr/core-concepts/project-structure/).
+import { CardGrid, LinkCard } from '@astrojs/starlight/components';
+
+<CardGrid>
+  <LinkCard
+    title="Comprenez votre base de code"
+    description="Pour en savoir plus sur la structure des fichiers d'Astro, consultez notre guide sur la structure du projet."
+    href="/fr/core-concepts/project-structure/"
+  />
+  <LinkCard
+    title="Ajouter un framework"
+    description="Étendez Astro avec le support de React, Svelte, Tailwind et plus encore dans notre guide des intégrations."
+    href="/fr/guides/integrations-guide/"
+  />
+  <LinkCard
+    title="Déployez votre site"
+    description="Apprenez à construire et à déployer un projet Astro sur le web dans notre guide Déploiement."
+    href="/fr/guides/deploy/"
+  />
+</CardGrid>
diff --git a/src/content/docs/fr/install/manual.mdx b/src/content/docs/fr/install/manual.mdx
index 6a4cd3493be5c..f0f44dcab2dd9 100644
--- a/src/content/docs/fr/install/manual.mdx
+++ b/src/content/docs/fr/install/manual.mdx
@@ -1,10 +1,12 @@
 ---
 title: Installer Astro manuellement
 description: 'Comment installer Astro manuellement avec NPM, PNPM, ou Yarn.'
+
 ---
 import Button from '~/components/Button.astro'
 import FileTree from '~/components/FileTree.astro';
 import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'
+import ReadMore from '~/components/ReadMore.astro'
 
 Ce guide vous montrera comment installer et configurer manuellement un nouveau projet Astro si vous préférez ne pas utiliser [l'outil de ligne de commande automatique](/fr/install/auto/).
 
@@ -12,8 +14,6 @@ Ce guide vous montrera comment installer et configurer manuellement un nouveau p
 
 <Button href="/fr/install/auto/">Essayez l'assistant de CLI `create astro` →</Button>
 
-Prêt à installer Astro ? Suivez notre guide d'installation automatique ou manuel pour commencer.
-
 #### Prérequis
 
 - **Node.js** - version `v18.14.1` ou supérieure.
@@ -53,6 +53,8 @@ Maintenant que vous êtes dans votre nouveau répertoire, créez votre fichier `
   </Fragment>
 </PackageManagerTabs>
 
+
+
 ## 2. Installer Astro
 
 D'abord, installez les dépendances d'Astro dans votre projet.
@@ -106,8 +108,7 @@ Pour ce guide, copiez-collez le code suivant (y compris les tirets `---`) dans v
 console.log('Ceci ce lance dans votre terminal, pas sur le navigateur !');
 ---
 <!-- Tout ce qui se situe en dessous est le "Template" de votre composant.
-     Ce n'est que du HTML, mais avec quelques paillettes et un peu de magie
-     pour vous aider à construire de grande choses. -->
+     Ce n'est que du HTML, mais avec quelques paillettes et un peu de magie pour vous aider à construire de grande choses. -->
 <html>
   <body>
     <h1>Hello, World!</h1>
@@ -150,7 +151,7 @@ export default defineConfig({});
 
 Si vous souhaitez inclure des [composants de Framework](/fr/core-concepts/framework-components/) comme React, Svelte, etc... ou utiliser d'autres outils tels que Tailwind ou Partytown dans votre projet, c'est ici qu'il faudra [importer et configurer ces intégrations](/fr/guides/integrations-guide/).
 
-📚 Lisez la [référence d'API](/fr/reference/configuration-reference/) d'Astro pour plus d'informations.
+<ReadMore>Lisez la [référence d'API](/fr/reference/configuration-reference/) d'Astro pour plus d'informations.</ReadMore>
 
 ## 6. Créer votre Fichier `tsconfig.json`
 
@@ -172,7 +173,7 @@ Enfin, créez `src/env.d.ts`` pour que TypeScript sache des types ambiants dispo
 /// <reference types="astro/client" />
 ```
 
-📚 Lisez le [guide d'installation de TypeScript](/fr/guides/typescript/#mise-en-place) d'Astro pour plus informations.
+<ReadMore>Lisez le [guide d'installation de TypeScript](/fr/guides/typescript/#mise-en-place) d'Astro pour plus informations.</ReadMore>
 
 ## 7. Étapes Suivantes
 
diff --git a/src/content/docs/fr/reference/cli-reference.mdx b/src/content/docs/fr/reference/cli-reference.mdx
index 85f64d286a013..6a4354bb412f4 100644
--- a/src/content/docs/fr/reference/cli-reference.mdx
+++ b/src/content/docs/fr/reference/cli-reference.mdx
@@ -4,7 +4,7 @@ i18nReady: true
 ---
 import Since from '~/components/Since.astro';
 import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'
-
+import ReadMore from '~/components/ReadMore.astro'
 
 
 Vous pouvez utiliser l'interface en ligne de commande (CLI) fournie par Astro pour développer, construire et prévisualiser votre projet à partir d'une fenêtre de terminal.
@@ -70,6 +70,7 @@ Commandes
              info  Liste d'informations sur votre configuration actuelle d'Astro.
           preview  Prévisualiser votre Build localement.
              sync  Générer les types de collection de contenu.
+      preferences  Configurer les préférences de l'utilisateur.
         telemetry  Configurer les paramètres de télémétrie.
         
 Options globales
@@ -196,25 +197,6 @@ Si vous avez démarré votre projet en utilisant [l'assistant `create astro`](/f
 
 Lance le serveur de développement d'Astro. Il s'agit d'un serveur HTTP local qui ne regroupe pas les fichiers et les ressources. Il utilise le Remplacement de Modules à Chaud (HMR) pour mettre à jour votre navigateur lorsque vous enregistrez des modifications dans votre éditeur.
 
-<h3>Options</h3>
-
-Utilisez ces options pour personnaliser le comportement du serveur de développement d'Astro. Pour les options partagées avec d'autres commandes Astro, voir les [options courantes](#options-courantes) ci-dessous.
-
-#### `--port <nombre>`
-
-Spécifie le port sur lequel se démarrer. Il est défini par défaut sur `4321`.
-
-#### `--host [adresse IP facultative]`
-
-Définit les adresses IP réseau sur lesquelles le serveur de développement doit écouter (c'est-à-dire les adresses IP autres que localhost). Cela peut être utile pour tester votre projet durant le développement sur des périphériques locaux tels qu'un téléphone portable.
-
-- `--host` — écoute sur toutes les adresses, y compris les adresses LAN et publiques
-- `--host <adresse-personnalisée>` — expose une adresse IP réseau à `<adresse-personnalisée>`
-
-:::caution
-N'utilisez pas l'option `--host` pour exposer le serveur de développement à un environnement de production. Le serveur de développement est conçu pour une utilisation locale durant le développement de votre site uniquement.
-:::
-
 ## `astro build`
 
 Compile votre site pour le déploiement. Par défaut, cela générera des fichiers statiques et les placera dans un répertoire `dist/`. Si le [SSR est activé](/fr/guides/server-side-rendering/), cela générera les fichiers serveur nécessaires à votre site.
@@ -245,13 +227,11 @@ Utilisez ces options pour personnaliser le comportement d'une commande.
 
 La commande surveillera toute modification apportée aux fichiers `.astro` et signalera toute erreur.
 
-📚 En savoir plus sur le [support de TypeScript dans Astro](/fr/guides/typescript/).
+<ReadMore>En savoir plus sur le [support de TypeScript dans Astro](/fr/guides/typescript/).</ReadMore>
 
 ## `astro sync`
 
-<p>
-  <Since v="2.0.0" />
-</p>
+<p><Since v="2.0.0" /></p>
 
 :::tip
 Exécuter `astro dev`, `astro build` ou `astro check` exécutera également la commande `sync`.
@@ -287,6 +267,44 @@ Adapter                  @astrojs/vercel/serverless
 Integrations             none
 ```
 
+## `astro preferences`
+
+Gérer les préférences des utilisateurs avec la commande `astro preferences`. Les préférences utilisateur sont spécifiques à chaque utilisateur d'Astro, contrairement au fichier `astro.config.mjs` qui modifie le comportement de toutes les personnes travaillant sur un projet.
+
+Par défaut, les préférences de l'utilisateur sont limitées au projet en cours, et sont stockées dans un fichier local `.astro/settings.json`..
+
+En utilisant l'option `--global`, les préférences utilisateur peuvent aussi être appliquées à tous les projets Astro sur la machine courante. Les préférences utilisateur globales sont stockées dans un emplacement spécifique au système d'exploitation.
+
+Par exemple, pour désactiver la devToolbar dans un projet Astro spécifique :
+
+```shell
+astro preferences disable devToolbar
+```
+
+Pour désactiver la devToolbar dans tous les projets Astro sur la machine actuelle :
+
+```shell
+astro preferences disable --global devToolbar
+```
+
+La devToolbar peut ensuite être activée avec :
+
+```shell
+astro preferences enable devToolbar
+```
+
+La commande `reset` réinitialise une préférence à sa valeur par défaut :
+
+```shell
+astro preferences reset devToolbar
+```
+
+La commande `list` affiche les paramètres actuels de toutes les préférences utilisateur configurables. Elle supporte également une sortie `--json` lisible par la machine.
+
+```shell
+astro preferences list
+```
+
 ## `astro telemetry`
 
 Configure la télémétrie pour l'utilisateur actuel du CLI. La télémétrie est une donnée anonyme qui fournit à l'équipe Astro des informations sur les fonctionnalités Astro les plus souvent utilisées. Pour en savoir plus, voir la [page télémetrie d'Astro'](https://astro.build/telemetry/).
@@ -303,10 +321,10 @@ La télémétrie peut être réactivée ultérieurement avec :
 astro telemetry enable
 ```
 
-La commande `clear` réinitialise les données de télémétrie :
+La commande `reset` réinitialise les données de télémétrie :
 
 ```shell
-astro telemetry clear
+astro telemetry reset
 ```
 
 :::tip[Vous souhaitez désactiver la télémétrie dans les environnements IC ?]
@@ -335,7 +353,7 @@ astro --config config/astro.config.mjs dev
 
 ### `--outDir <chemin>`
 
-<Since v="3.3.0" />
+<p><Since v="3.3.0" /></p>
 
 Configure le [`outDir`](/fr/reference/configuration-reference/#outdir) pour votre projet. Passer cette option remplacera la valeur de `outDir` dans votre fichier `astro.config.mjs`, s'il en existe un.
 
@@ -345,10 +363,25 @@ Configure le [`site`](/fr/reference/configuration-reference/#site) pour votre pr
 
 ### `--base <chemin>`
 
-<Since v="1.4.1" />
+<p><Since v="1.4.1" /></p>
 
 Configure la [`base`](/fr/reference/configuration-reference/#base) de votre projet. Utiliser cette option remplacera, si elle existe, la valeur `base` de votre fichier `astro.config.mjs`.
 
+### `--port <number>`
+
+Spécifie le port sur lequel le serveur de développement et le serveur de prévisualisation doivent être exécutés. La valeur par défaut est `4321`.
+
+### `--host [adresse d'hôte optionnelle]`
+
+Définit les adresses IP du réseau sur lesquelles le serveur de développement et le serveur de prévisualisation doivent écouter (c.-à-d. les adresses IP non locales). Cela peut être utile pour tester votre projet sur des appareils locaux comme un téléphone portable pendant le développement.
+
+- `--host` — écoute sur toutes les adresses, y compris les adresses LAN et publiques
+- `--host <adresse personnalisée>` - écoute sur une adresse IP du réseau à `<adresse personnalisée>`.
+
+:::caution
+N'utilisez pas l'option `--host` pour exposer le serveur de développement et le serveur de prévisualisation dans un environnement de production. Ces serveurs sont conçus pour une utilisation locale lors du développement de votre site uniquement.
+:::
+
 ### `--verbose`
 
 Active les journaux verbeux, ce qui est utile pour déboguer un problème.